Vue知识点

1. Vue生命周期图示:

2.插值：

文本：{{ message }}；

纯html：v-html="xxx";

属性：v-bind:id="xxx";

使用 JavaScript 表达式:{{ ok ? 'YES' : 'NO' }}

过滤器:{{ message | capitalize }}

3.指令：

参数：v-bind:href="xxx"; v-on:click="xxx";

修饰符：v-on:submit.prevent="xxx"

4.缩写：

v-bind 缩写，使用：--------------
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>

v-on 缩写，使用@----------
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>