Vue生命周期以及v-band和v-on的区别

Vue中的v-bind（即简写为 : ）和 v-on（即简写为@）的区别

// 完整语法
<a v-bind:href="url"></a>
// 简写
<a :href="url"></a>

// 完整语法
<child v-bind:data="data" />
// 简写
<child  :data="data" />

v-on:

// 完整语法
<div v-on:click="clickFunc">按钮</div >
// 缩写
<div @click="clickFunc">按钮</div>

// 完整语法
<child v-on:returnFunc="toReturnFunc" / >
// 缩写
<child @returnFunc="toReturnFunc" />

v-bind指令用于设置HTML属性：v-bind:href 缩写为 :href

v-on 指令用于绑定HTML事件 ：v-on:click 缩写为 @click

 

 

vue 生命周期：

图来自： https://segmentfault.com/a/1190000020173042?utm_source=tag-newest