【VUE-学习02】生命周期

六碗铁biu_

于 2019-08-19 13:14:24 发布

阅读量131

点赞数

分类专栏：【**Vue**】文章标签： vue

本文链接：https://blog.csdn.net/qq_30042269/article/details/99721159

版权

【**Vue**】专栏收录该内容

16 篇文章 0 订阅

订阅专栏

图解：https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA

Vue å®ä¾çå½å¨æ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <div id='app'></div>
</body>
<script src="./js/vue.min.js"></script>
<script>
    var vm =  new Vue({
        el:'#app',
        template:'<div>hello !</div>',

        beforeCreate:function () {
            console.log('beforeCreate')
        },
        created:function () {
            console.log('created')
        },
        beforeMount:function(){
             console.log('beforeMount')
             console.log(this.$el)
        },
        mounted:function(){
            console.log('mounted')
             console.log(this.$el)
        }
    });
</script>

</html>

六碗铁biu_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【VUE-学习02】生命周期

图解：https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...
复制链接

扫一扫

专栏目录