# 常见v属性函数

# v-for

v-for // 用于循环遍历

<tr v-for="(item index) in itemList"></tr>

v-bind //用于绑定属性

<a v-bind:href="url">

v-on // 用于标签绑定事件可以转换为@的使用

<button v-on:click="click">点击</button>
<button @click="click">点击</button>

v-model // 用于绑定表单数据的双向绑定

<input type='text' v-model="data"/>

v-show // 条件为true时，显示

<p v-show="id < 0"></p>

v-if v-else-if v-else // 条件为true时，创建并显示 // 条件为false时，删除

<p v-if="id > 0 && id < 5"> (0,5) </p>
<p v-else-if="id >= 5 && id < 10"> [5,10) </p>
<p v-else> [10, 000) </p>

函数名	调用时机
beforeCreated	这个时候data, methods 中的变量函数都还没有创建
Created	data, methods中的数据全部初始完，DOM中数据还未初始化
beforeMounted	挂载之前
mounted	实例被挂载到DOM上后调用，此时DOM中的数据可以访问
beforeUpdate	数据更新时调用
updated	数据更新后，DOM变化调用
beforeDestroy	销毁之前
destroyed	销毁之后