比起讲解,直接看比较好,毕竟说起来太麻烦了。

<!DOCTYPE html>
<html lang="en">
<head>
 ? ?<meta charset="UTF-8">
 ? ?<title>Title</title>
 ? ?<script src="./lib/vue.js"></script>
</head>
<body>
<div id="app"></div>
<script>
    //vm创建
 ? ?var vm = new Vue({
 ? ? ? ?el: '#app',
 ? ? ? ?data: {
            vmMsg:'success',
        },
 ? ? ? ?methods: {},
 ? ? ? ?filters: {},// 定义私有过滤器
 ? ? ? ?directives: {},// 自定义私有指令
        watch:{},//监听器
        computed:{},//计算
 ? ? ? ?//接下载是生命周期
 ? ? ? ?beforeCreate() {},//初始化vm(vue自带的函数),第一个生命周期函数,表示实例完全初始化出来前,调用执行
 ? ? ? ?created(){},//初始化vm(用户定义的函数)第二个生命周期函数,在create中data和methods都已经初始化好了
 ? ? ? ?beforeMount(){},//将要挂载:这时遇到的第三个生命周期函数,表示模板已在内存中经编译完成(内存中),但是尚未把模板渲染到页面中去
 ? ? ? ?mounted(){},//第四个生命周期函数,表示内存中的模板已经真实的挂载到页面中,页面已经可以看到渲染好的页面
 ? ? ? ?//接下载是运行中的事件(when data change)
 ? ? ? ?beforeUpdate(){},//这时候表示我们的界面还没被更新,但是数据已经更新了
 ? ? ? ?updated(){}//执行时候页面和data数据。更新完成,页面·内存dom树·数据保持一致
        //摧毁两个不写了beforeDestroy(){},destroyed(){}
 ?  })
</script>
</body>
</html>
最后修改:2020 年 10 月 31 日 04 : 51 PM
如果觉得我的文章对你有用,请随意赞赏