vue create mounted,vuecreate和mounted

　　在使用vue框架的过程中，我们经常需要对一些数据做一些初始化处理。此时，我们通常使用创建和挂载选项来处理它们。本文主要介绍在Vue中创建和挂载区别的相关信息，一些知识点在我们的日常工作中可能会看到或者用到。有需要的朋友可以参考一下。

　　当谈到生命周期挂钩时，大多数人感到困惑的一点是创建的和挂载的区别。名字相似，我觉得我也应该这么做，但还是有一些细微的区别。

　　首先，created()和mounted()都可以访问原型上的数据和属性。例如，在下面的代码中，这两个钩子将在控制台中打印出我的数据和我的道具：

　　模板

　　分区/分区

　　/模板

　　脚本

　　导出默认值{

　　data() {

　　返回{

　　dataMsg:“我的数据”，

　　};

　　},

　　道具：{

　　propMsg: {

　　类型：字符串，

　　默认：“我的道具”，

　　},

　　},

　　已创建(){

　　console . log(this . datamsg)；

　　console . log(this . propmsg)；

　　},

　　已安装(){

　　console . log(this . datamsg)；

　　console . log(this . propmsg)；

　　},

　　};

　　/脚本

　　created()和mounted()的根本区别在于访问DOM。在上面的例子中，如果你试图引用这个。$el，在created()中返回null，在mounted()中返回DOM元素：

　　导出默认值{

　　已创建(){

　　//打印空值

　　console.log(这个。$ El)；

　　},

　　已安装(){

　　//打印DOM元素

　　console.log(这个。$ El)；

　　},

　　};

　　所以任何DOM操作，即使使用querySelector等方法获取DOM元素结构，也不会在created()中使用。所以根据这个区别，created()非常适合调用API，mounted()则非常适合在DOM元素全部加载后执行任何操作。

　　在Vue3 API(Composition API中，created()和beforeCreated()将不再存在，可以用setup()来代替。因此，DOM在setup()中仍然不可用，而mounted()保持不变。

　　附：vue官网给出的生命周期图

　　总结

　　这就是这篇关于在Vue中创建和挂载的区别的文章。要了解更多关于在Vue中创建和挂载的区别，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。