介绍 Vue.component (“demo1", {
数据:函数(){
返回{
名称:““,
年龄:““,
城市:““
}
},
模板:“& lt; ul> & lt;李id=& # 39;名字# 39;在{{名称}}& lt;/li> & lt; li>{{年龄}}& lt;/li> & lt; li>{{城市}}& lt;/li> & lt;/ul>“
创建:函数(){
this.name=罢湃?
这一点。12岁=?“
这一点。城市=昂戏省?
var x=. getelementbyid (“name")//第一个命令台错误
console.log (x.innerHTML);
},
安装:函数(){
var x=. getelementbyid (“name")//第二个命令台输出的结果
console.log (x.innerHTML);
}
});
var vm=new Vue ({
埃尔:“# example1"
})
小编给大家分享一下Vue生命周期中的创建和安装有哪些区别,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
, Vue生命周期中的创建和安装区别是:创建在模板渲染成html前调用,需要先初始化值再渲染视图;而安装是在渲染成html后调用,即在初始化页面完成后再对html进行操作。
<强>创建和安装区别
我们从图中看两个节点:
创建:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。
安装:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作
其实这两者比较好理解,通常创造了使用的次数多,而安装通常是在一些插件的使用或者组件的使用中进行操作,比如插件图。js的使用:<代码> var ctx=. getelementbyid (ID)>
例:
可以看到都在创建赋予初始值的情况下成功渲染出来了。
但是同时看控制台台如下:
可以看到第一个报错了,实际是因为getElementById (id)没有找到元素,原因如下:
在创建的时候,视图中的html并没有渲染出来,所以此时如果直接去操作的html dom节点,一定找不到相关的元素
而在安装中,由于此html时已经渲染出来了,所以可以直接操作dom节点,故输出了结果”张三”。
看完了这篇文章,相信你对Vue生命周期中的创建和安装有哪些区别有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
