VueJS MVC MVT MVVM M-Model（页面数据逻辑）-json V-View（页面） VM-ViewModel（视图逻辑模型） 数据驱动 双向绑定 指令 *** Vue包含的内容 Vue对象 el data methods computed:{}, watch:{}, filters:{}, --directives:{}, --mixins:[], Vue生命周期 Vue Router 路由 VueX 状态管理-- 组件化开发 .vue 传值 mockJS axios ElementUI ElementAdmin--后台 AntDesign AntDesignPro 指令 {{}} v-if v-else 直接删除元素 v-show display:none v-for v-bind 强制数据绑定 : 方法 methods xx v-on:click='xx' @click='xx' 计算机属性 node goole v8===jvm npm===maven cnpm cnpm安装命令（不推荐） npm install -g cnpm --registry=https://registry.npm.taobao.org 设置npm镜像地址 npm config set registry https://registry.npm.taobao.org 查看镜像地址 npm config get registry 初始环境安装 安装webpack npm i -g webpack npm i -D webpack 安装webpack-cli npm install -D webpack-cli npm install webpack-cli -g 安装webpack-dev-server npm install -g webpack-dev-server 安装vue-cli npm install -g vue-cli 创建工程 vue init webpack vuecli ？Project name ---- 项目名称，如果无需更改，直接回车即可； ？Project description ---- 项目描述，按需填写。 ？Author ---- 作者 ？Vue build ---- 构建模式，一般默认第一个； ？Install vue-router? ---- 是否安装vue-router。选N。 ？Use ESLint to lint yout code? ---- 格式校验，按需； ？Set up unit tests ---- 测试相关，按需； ？Setup e2e tests with Nightwatch? ---- 测试相关，按需； ？Should we run ‘npm install’ for you after the project has been created? ---- 选Yes, use NPM。 组件间通信 props vue自定义事件 pubsub消息订阅与发布的第三方库 slot props 被调用的组件需要通过props暴露数据接口 接收的数据与数据字段的使用方式一致 调用组件通过标签属性传值 数据验证 ElementUI 安装 npm i element-ui -S 引入 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App' Vue.use(ElementUI); vuex里参数改变默认去刷新页面使用computed来判断 ``` computed: { isFollow () { return this.$store.state.yearMou;　　//需要监听的数据 } }, watch: { isFollow (newVal, oldVal) { this.abnormalreson(); } }, ```