vue

1. 使用mock模拟数据，需要先下包 npm i mockjs

import Mock from "mockjs";

export default Mock.mock({
    "list|10-20": [{
        "title": "@ctitle(2-3)",
        "content": "@ctitle(10,20)",
        "time": "@date('yyyy-mm-dd')",
        "type|1-4": 1,
        "bool": "@boolean"
    }]
})
import data from "./mock"
export default {
  name: 'App',
  components: {
    // HelloWorld
  },
  data(){
	list:[],
  },
  created() {
    this.list = data //{list: Array(11)}
  }
}

3. 全局下vue包 npm i -g vue-cli
4. 下包 vue init webpack name
5. npm run dev 启webpack服务

• 使用axios请求json数据

npm i axios
const data = require("./data/city.json")
before(app){
	app.get("/api/data",(req,res,next) => {
		res.send({code:1,data:data})
	})
}
axios.get("/api/data").then((res) => {})

6. v-if=“list[0]” 判断语句
7. 子传父

this.$emit("函数名",参数1ind)