vue - mockjs

安裝 npm install mockjs

在main.js 引入代碼

import './serivce/mock.js'

在service/mock.js

const Mock = require('mockjs')
const Random = Mock.Random
const produceNewsData = function () {
  let articles = []
  for (let i=0;i<100;i++) {
    let newArticleObject = {
      title: Random.csentence(5,30),
      // thumbnail_pic_s: Random.dataImage('300*250', 'mock的圖片'),
      author_name:Random.cname(),
      date:Random.date() + '' + Random.time()
    }
    articles.push(newArticleObject)
  }
  return {
    articles:articles
  }
}
Mock.mock('/news/api', 'post', produceNewsData)

在頁面中使用

<template>
 <x-container>
   <slot-three @search = 'search'></slot-three>
 </x-container>
</template>

<script>
import SlotThree from '@/components/slot/SlotThree'
export default {
  name: 'slotPage',
  data () {
    return {
    }
  },
  components:{
    SlotThree
  },
  methods: {
    search(value){
    },
    axiosGetRole(){
      this.$ajax.post('/news/api').then(
        function(response){
          console.log(response)
        }
      ).catch(function(error){
        console.log(error)
      })
    }
  },
  created(){
    this.axiosGetRole()
  }
}
</script>