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

<!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
如果觉得我的文章对你有用,请随意赞赏