Vue

Tatiye modules membangun aplikasi web atau tampilan interface website dengan Vue



import tatiyeNet,{
  modalEntri,
  modalRoute
} from "tatiyeNet.js";
import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.esm.browser.js';
import 'https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js';
window.app = new Vue({
  el: '#app',
  data: {
     "content"     :[],
     "indexOn"     :'Hello Net',  
     "token"       :'',               
     "limit"       :"3",
     "search"      :'',
     "page"        :1,
     "keywords"    :"",                  
     "news"        :[], 
     "pagingList"  :[],
     "Newer"       :1,
     "Older"       :1,
     "images"      :'',
     "userid"      :tatiyeNet.userid,
    },
    mounted (){
        this.storage()
    },
    methods: {
     setImages(id){
        this.images =Images(id,'2023');
      },
      getPaging(count) {
       this.page =count;
      },
      dataUser(count) {
       this.page =count;
      },
      modalRoute(header,id,style,content,path){
         modalRoute(header,id,style,content,path,'demo');
      },
      modalEntri(header){
        
      },
      storage(){
       var vm = this; 
       axios.post(tatiyeNet.api+'/v2/'+this.token, {
           "limit"   :this.limit,
           "page"    :this.page,
           "keywords":this.keywords
       }, {
        headers: {
         'Content-Type': 'application/json',
         "Authorization": tatiyeNet.token,
        }
      })
      .then(function (response) {
        vm.content     =response.data.storage
        vm.pagingList  =response.data.paging
        vm.Newer       =response.data.newer
        vm.Older       =response.data.older
      });
      }
    },
  computed: {
    autoload(){
       return this.content;
    },
    setPaging(){
      return this.pagingList;
    },
    setNewer(){
      return this.Newer;
    },
    setOlder(){
      return this.Older;
    },
    setOlder(){
      return this.Older;
    },
   }
})