vue的基本概念
挂载点：就是el属性对应html中的节点，实例只会处理挂载点下的内容。
模版：在挂载点内部的内容，也可以将模版内容卸载实例里面
如果有template属性会用模版替换外部html，只要有此属性app中的内容就没有意义，只能有一个根元素，不能是本文节点
插值表达式：<h1>{{message}}</h1> 使用插值表达式可能会出现闪屏问题
v-text表达式：<div v-text="message"></div>
v-html表达式：<div v-html="message"></div>
注意：v-text和v-html的区别：v-html会进行内容转义为html，而v-text则不会
v-once：挂载点的内容页面只渲染一次
基本指令
v-on（可以简写成@）：绑定指令例如：<div v-on:click="onchange"/>
v-bind（可以简写为：）：绑定数据。例如：<div v-bind:class="title" class="title"/> class和:class绑定不会发生冲突
v-model：双向绑定 例如：<input v-model="content" type="text"/> <div>{{message}}</div>
v-computed：计算属性 只有它依赖的属性的值发生变化的时候他才会重新计算
filters:过滤属性 用于筛选或规范数值 例如：{{message | filter1}} filters:{filter1:function(arg){arg++}}
v-watch：侦听属性 侦听某某以数据发生变化事发生的时间
v-if:/v-show:判断事件 值为true时模块显示，否则消失或隐藏
注：v-if和v-show的区别 v-if会将整个标签在dom树中移除，而v-show只是将display设为none；
v-for：遍历事件 例如：<li v-for="(item,index) of list" :key="index">{{item}}</li>
localStorage()：将数据存储在本地
例如： localStorage.setItem('data',JSON.stringify(this.todos)); //存储数据在本地，名为data
created(){ this.todos = JSON.parse(localStorage.getItem('data')); } //读取本地数据
keep-alive:缓存组件 一旦缓存 不会重复加载，不会走crated和mounted等钩子函数
钩子函数
生命周期：beforCreate created 创建期
beforeMount mouted 挂载期
beforeUpdate updated 更新期
beforeDestroy destroyed 结束期