text: var firstTable = new Vue({
    el: '#firstTable',
    data: {
      items: [],
      loadItems: [],
      input_type: $('#input_type').val()
    },
    watch: {
      loadItems: function () {
        this.items = this.loadItems;
      }
    },
  
    mounted: function () {
      $("#firstTable .item").hide();
      this.initdata();
    },
  
    methods: {
      goToContent: function (data) {
        console.log(data);
        document.location.href = "/bamboo-shoot/content?storyId=" + data;
      },
  
      goToUser: function (data) {
        console.log(data);
        document.location.href = "/bamboo-shoot/account_user?userId=" + data;
      },
  
      render_ddMMyyyy: function (data) {
        return get_ddMMyyyy(data);
      },
  
      rendder_virtues: function (data) {
        if (data !== null) {
          var arr = data.split(",");
          var str = '';
          for(var i = 0; i < arr.length; i++){
            str = str + ' ' + '<span>' + arr[i] + '</span>'
          }
          return str;
        }
        // return get_ddMMyyyy(data);
      },
  
      initdata: function () {
        var self = this;
        var url = "/bamboo-shoot/home/get_list_story?limit=15&type_story=" + self.input_type;
        $.ajax({
          type: "GET",
          url: url,
          dataType: 'json',
          success: function (result) {
            if(result.status == 'success'){
            console.log(result);
            $("#firstTable .item").show();
            self.items = result.data;
            //phan trang
            $('.bb-pagination.image').doPagination(result.data[0].ROWS, url, 15, function (res) {
              if (res.status === 'success') {
                self.loadItems = res.data;
                this.items = self.loadItems;
              }
            });
          }
          hideLoading();
          },
          error: function (error) {
            console.log(error);
          }
        });
      }
    }
  });