创建和装载是vue的两个生命周期。初始化并装入组件时触发create,呈现组件后触发mount,create的触发时间在装入之前。当触发create时,它无法获取ref指定的对象,ref通常用于获取异构数据。
在流行语言中,它是从创建到消除vue中实例或组件的一系列过程。created:将模板呈现为html之前的调用,即初始化一些属性值并将它们呈现为视图。mounted:在模板呈现为html之后调用,通常是在页面初始化之后,然后在html的dom节点上执行一些必要的操作。通常创建的是多次使用的,而挂载的是通常在操作中使用的一些插件或组件,如插件图表.jsvarctx的使用=文档.getelementbyid(id)通常有这个步骤。如果写入组件,您将发现无法在“已创建”中初始化图表。您必须等到html呈现出来。那么坐骑是最好的选择。已创建:仅完成数据初始化,但el未完成。
vue的官方网站说,“您暂时不需要了解这些。。。“,我想既然你要用vue进行开发,如果你不完全理解它,你会发现你踩到的坑是由它在将来造成的。最好现在就吃。
主要从以下几个方面进行:
1。vue的生命周期是什么
2。项目中vue生命周期的执行顺序
3。vue中的内置方法和vue生命周期的运行顺序(方法、计算、数据、监视)
4。自建方法的运行顺序和vue生命周期,如图所示
5。总结
1。vue的生命周期是什么
vue的每个组件都是独立的,每个组件都有自己的生命周期。创建、初始化、装载、更新和销毁组件就是所谓的组件生命周期。在组件中,具体的方法有:
beforecreate
created
beforemount
mounted
(
beforeupdate
updated
]beforedrostroy
destroyed
对应的中文,就像字面意思一样,英文差的童鞋可以找翻译软件!谢谢您
vue,mounted.vartest=vue,data:function(){返回{msg:mountedandcreated。extend({template:test,lifecycle:test}:function(){控制台.log(1).extend()
vuecreate是vue-cli3的初始化方法。十、目前模板是固定的,模板选项可以自由配置。创建的是vue-cli3的项目,与cue-cli2的项目结构不同,配置方法也不同。具体配置方法请参见公文网页链接。vueinit是vue-cli2的初始化方法。github上面的一些模板可以用来初始化项目。webpack是官方推荐的标准模板名称。迁移vue-cli2。x投影到3。十、您只需要将静态目录复制到公共目录,旧项目的src目录覆盖3的src目录。x(如果您修改了配置,您可以查看文档并使用cli3的方法进行配置)