加载vue.js页面时,是先加载created还是mounted-创新互联

本篇文章给大家分享的是有关加载vue.js页面时,是先加载created还是mounted,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联是一家专业提供淮阴企业网站建设,专注与成都网站设计、网站制作、外贸营销网站建设HTML5建站、小程序制作等业务。10年已为淮阴众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

created页面加载未渲染html之前执行。

mounted渲染html后再执行。

由于created在html模板生产之前所以无法对Dom进行操作而mounted可以。

补充知识:关于Vue子组件data选项某个属性引用子组件props定义的属性的几点思考

学过Vue的都知道Vue等MVVM框架相对于传统的JS库比如Jquery较大的区别在于数据驱动视图,重点在于数据,拿到数据后将数据通过模板{{}}语法或者v-html展示在页面上。

我们也都知道在Vue父子组件可以通过Props实现父组件传递到子组件。

在项目开发中,我们会遇到这种需求,页面初始化时,父组件通过接口拿到需要数据,然后拿到的数据通过props传递给子组件。在子组件会有些业务上的操作来改变接受的props值

注意Vue中子组件不能直接更改props值,这样会报错。

父组件需要拿到字组件改变后的值作为接口请求参数的值。

为了实现这种需求,我们一般会在data中定义某个属性,这个属性引用props的某个值。然后监听该数据,当该数据发生变化时,向父级组件传递自定义事件和改变后的值。

// 子组件



  
  
  
  局部组件的使用


  

在有template选项时,#app里的内容不展示


网页标题:加载vue.js页面时,是先加载created还是mounted-创新互联
网页路径:http://myzitong.com/article/dogosg.html