vue同步组件和异步组件的区别

Posted iwishicould

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue同步组件和异步组件的区别相关的知识,希望对你有一定的参考价值。

异步组件

异步组件:只在组件需要渲染(组件第一次显示)的时候进行加载渲染并缓存,缓存是以备下次访问。
Vue实现按需加载 在打包的时候,会打包成单独的js文件存储在static/js文件夹里面
在调用时使用ajax请求回来插入到html中。

异步组件中,如果父组件调用子组件,需要给一个延时。可以用setTimeOut来处理。

同步组件中:如果父组件调用子组件,不需要延时,可以直接去调用。
通过this.$refs.XXX.方法名

父组件调用子组件并且传值可以使用这个方法

使用props父组件向子组件传递一个值
然后使用延时 settimeout(()=>{
  this.$refs.XXX.方法名();//这样就可以了
},400)


以上是关于vue同步组件和异步组件的区别的主要内容,如果未能解决你的问题,请参考以下文章

Vuex入门同步异步 存取值

vuex 与 vue有啥区别

Vuex的同步异步存值取值

vue 异步组件

vue异步组件

vue获取使用$refs获取自组件方法和属性注意问题