vue

引入

新建HTML页面，引入Vue.js文件

< script src="js/vue.js">< /script>

插值表达式

形式：{{表达式}}

内容可以是：变量、三元运算符、函数调用、算术运算

常用指令

v-bind： < a v-bind: href="url">等价于< a:href="url">（v-bind:可以简化为：）

v-model：< input type="text" v-model="url">

tip：通过v-bind或者v-model绑定的变量，必须在数据模型中声明。

v-on：可以简化为@

v-if：根据条件判断渲染；v-show：已经渲染，根据条件判断是否展示。

生命周期

一个对象从创建到销毁的整个过程

八个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法

mounted：挂载完成，Vue初始化成功，HTML页面渲染成功。