分类：created

2020
11-08

vue.js页面加载执行created,mounted的先后顺序说明

created页面加载未渲染html之前执行。mounted渲染html后再执行。由于created在html模板生产之前所以无法对Dom进行操作而mounted可以。补充知识：关于Vue子组件data选项某个属性引用子组件props定义的属性的几点思考学过Vue的都知道Vue等MVVM框架相对于传统的JS库比如Jquery最大的区别在于数据驱动视图，重点在于数据，拿到数据后将数据通过模板{{}}语法或者v-html展示在页面上。我们也都知道在Vue父子组件可以通过Props实现父组件... 继续阅读 >

2020
11-06

解决nuxt页面中mounted、created、watch执行两遍的问题

前言：在开发中偶然检查Network请求的时候发现，在页面中created钩子函数中请求了一个接口，但是页面这个页面加载的时候，接口会连续请求两边，然后我就排查是否有其他地方调用了同样的接口，检查了好几遍后发现并没有，WTF，然后我在created中打印了一下，惊奇的发现。。。created会执行两次打印。。。WTF、WTF、WTF，小朋友你是否有很多问号？？？，然后试了下，不光created会执行两遍，mounted也行，就连watch里面监听的也会，... 继续阅读 >

2020
10-08

谈一谈vue请求数据放在created好还是mounted里好

建议放在created里created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。如果在mounted钩子函数中请求数据可能导致页面闪屏问题其实就是加载时机问题，放在created里会比mounted触发早一点，如果在页面挂载完之前请求完成的话就不会看到闪屏了补充知识：vue各阶段数据可使用情况：created，computed，data... 继续阅读 >

2020
10-08

解决父组件将子组件作为弹窗调用只执行一次created的问题

1、问题原因因为第一调用渲染子组件后，不再对子组件的created进行调用2、解决方法用v-if将子组件包裹起来，因为v-if=false时可以将子组件销毁掉，再次调用时重新渲染3、上图初始默认dialogVisible1=false，当执行打开窗口的操作时dialogVisible1为true，当关闭窗口时dialogVisible1=false，从而每一次进入弹窗都会重新渲染整个子组件。补充知识：vue如何每次打开子组件弹窗都进行初始化:visible.sync与v-if同时使用即可。以上这... 继续阅读 >

2020
10-08

在vue中created、mounted等方法使用小结

created：html加载完成之前，执行。执行顺序：父组件-子组件mounted：html加载完成后执行。执行顺序：子组件-父组件methods：事件方法执行watch：watch是去监听一个值的变化，然后执行相对应的函数。computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值exportdefault{name:"draw",data(){//定义变量sourcereturn{source:newol.source.Vector({wrapX:false}),}},props:{... 继续阅读 >