函数
beforeCreate：是第一个生命周期函数，表示实例完全被创建出来之前会执行这个函数。在此函数执行时，data和methods中的属性
与方法定义都还没有初始化。
created：是第一个生命周期函数，在此函数中，data 和 methods 都已经被初始化好了。
beforeMount：是第三个生命周期函数，表示模板已经在内存中编辑完成了，但是还没有被渲染到页面中。
mounted：第四个生命周期函数，此时内存中的模板已经挂载到了页面中，用户可以看到渲染好的页面。mounted是实例创建期间
的最 后一个生命周期函数，当此函数执行完毕，表示实例已经被完全创建好了。
beforeUpdate：此时界面还没有被更新。
updated：updated 事件执行的时候，页面和 data 数据已经保持同步。
beforeDestroy：销毁之前执行，当beforeDestroy函数执行时，表示vue实例已从运行阶段进入销毁阶段，vue实例身上所有的
方法与数 据都处于可用状态。
destroyed：当destroy函数执行时，组件中所有的方法与数据已经被完全销毁。
示例
<!DOCTYPE html>
<html>
<head>
<title>Vue的属性、方法和生命周期_侠课岛(9xkd.com)</title>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
</head>
<body>
<div id="app">
<p>{
{
message }}</p>
<input type="button" @click="change" value="更新数据" />
<input type="button" @click="destroy" value="销毁" />
</div>
<script type="text/javascript">
var app =
最低0.47元/天 解锁文章
268
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
