​​

Vue基础常用指令循环v-for数组v-for="name in arr" , json格式v-for="name in jason", v-for="(k,v) in json"； {{$index}} , {{$key}}

事件v-on:click/mouseout/mouseover/...,如： v-on:click="函数"，该指令可以简写为@click="函数"

显示隐藏： v-show="true|false"

事件对象 @click="func($event)", 参数$event相当于js中的event

事件冒泡，阻止冒泡：js的方式:event.cancleBubble = true或@click.stop事件默认行为，阻止默认行为：js的方式： event.preventDefault()或contextmenu.prevent 键盘事件：@keydown ，@keyup等等属性v-bind，如v-bind:src="", 简写:src=""样式clsaa和style:class="" 或 v-bind:class="":style="" 或 v-bind:style=""模板文本{{msg}}}，指令v-text=""只输出一次 {{*msg}}html转义输出 {{{msg}}}，指令v-html=""过滤器：{{msg | filterA}} ，{{msg | filterA, filterB}}计算属性computed：里面可以放置一些复杂的业务逻辑代码动画效果transitions：可以结合第三方 CSS 动画库，如 Animate.css 结合使用十分有用vue实例简单方法（var vm = new Vue(...)）vm.$el：vue实例挂载的结点元素

vm.$data：就是datavm.$mount：手动挂载vuevm.$options：获取自定义属性vm.destroy：销毁vue实例vm.$log：查看vue实例现在数据的状态vm.$watch：数据监听webpack配置认识

entry：配置入口js：main.js output：配置打包后的信息path：输出文件的路径(_dirname：文件当前所在目录地址)filename：输出的文件名称：build.js loaders：下载编译相关文件的loader，如：vue-loader、css-loader、vue-style-loader，vue-html-loader、vue-hot-reload-api等vue-cli 脚手架安装：

npm install vue-cli -g父子组件通信

子组件获取父组件数据：props父组件获取子组件的数据：父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件支持Vue的UI组件

ElementUI（PC端）MintUI（移动端）Vue自定义组件的写法

自定义组件可以使用Vue.use(componentName)方法引用，如编写loading.vue组件：目录结构：

|- components/|- loading/ |- loading.vue |- index.js

在loading.vue中按照一般组件的方式定义组件功能及样式模板，然后在index.js中导出组件:index.js

监听路由变化 (使用vue-router) watch(){ $route(to, from){ ... } }