每天积极向上

摘要： mock/index.js import Mock from 'mockjs' import user from './data/User' import shopping from "./data/Shopping"; //设置延时 Mock.setup({ timeout: 400 }) con 阅读全文

摘要： 安装按需引入包 npm install babel-plugin-component babel.config.js： 按需引入配置 module.exports = { presets: [ '@vue/cli-plugin-babel/preset', //1.ElementUI 按需引入配置 阅读全文

摘要： router的基本使用： main.js import Vue from 'vue' import App from './App' //导入VueRouter import VueRouter from 'vue-router' //导入自己写的router import router from 阅读全文

摘要： 定义moon.js： 必须要在每个模块中添加namespace: true属性，不然会报错 也可以把dog模块域cat模块单独的定义在一个文件中，export defautl暴露然后moon.js引入 import Vue from 'vue' //引入vuex import Vuex from ' 阅读全文

摘要： computed属性中 mapState 映射state： <template> <div> {{name}} </div> </template> <script> //引入mapState import {mapState} from 'vuex' export default { name: 阅读全文

摘要： VueX是适用于在Vue项目开发时使用的状态管理工具。 试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。 为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。 在具有VueX的Vue项目中， 阅读全文

摘要： 默认插槽： 会把父组件human中的内容全部解析到子组件中的slot中 父组件 <template> <div id="App"> <human> <h2>USER</h2> <h2>NAME</h2> </human> </div> </template> <script> import huma 阅读全文

摘要： <style scoped> </style> 在style上添加scoped，多个组件中的重名样式互不影响 阅读全文

摘要： npm install axios 只需要导入axios就可以使用了，尽量在app中导入，因为这样其它组件就可以直接使用 import axios from 'axios' 使用： <script> import axios from "axios"; export default { name: 阅读全文

摘要： props属性： 作用是让父组件可以给子组件传递data中的数据 注意子组件不能修改props中的数据，只能访问 父组件 <template> <div id="App"> <!--给组件传入参数--> <human :name="name" :bodyObj="bodyObj"></human> 阅读全文