vue的 生命周期 和 事件修饰符

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/enjoy_sun_moon/article/details/88541809

beforecreated

组件实例化之前执行的函数

created

组件实例化完之后，页面未显示前执行的函数

beforemounted

组件挂载前，页面未展示，但是虚拟dom已经配置

mounted

组件已经挂载，页面未展示，此方法执行后页面展示

beforeupdated

组件修改前，页面没有更新，但是虚拟dom已经配置好

updated

组件修改后，此方法执行后页面更新

beforedestroy

组件销毁前

Destroy

组件销毁

事件修饰符：

stop:阻止冒泡触发（由内向外）

prevent:阻止默认事件，例如<a href="www.baiud.com" @click.prevebt="">阻止a跳转

self:加上self之后点击不触发事件  冒泡事件执行到这直接跳过

capture:在冒泡触发div中，有capture属性的div无论点击任意一个div那么这个capture属性的div总是先触发

once：与prevent一起用能是a标签失效一次，仅一次

//事件修饰符
<div class='box' @click="outer">
	<div class="inner" @click="inner">
		<input class="btn" type="button" value="按钮" @click.prevent="btn">
		<a href="www.baidu.com" @click.once="onces">{{msg}}</a>
	</div>
</div>