vue动态组件(vue动态组件和异步组件的区别)

1-vue手机端导航首页是用路由还是用动态组件

1、做Vue开发脱离不了路由。vue移动端不使用路由是因为做Vue开发脱离不了路由，尤其是中大型项目，页面多且杂，在配置路由的时候总是会变得逐渐暴躁，因为费时，并且又没有什么太多技术含量。

2、没什么不同吧，都是动态渲染组件，只是路由封装了url与展示的组件的关系，并可以切换任意多级组件，你用动态组件做的话肯定特别麻烦。

3、Vue：11。 Vue-route：0。 主页 聊天 第一通过后端返回的一个路由json数据，我们通过前端生成符合路由路由静态内容数组的一个数组，然后再通过addRoute进行一个循环添加，我们以此生成动态路由。

4、使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的，也就是说是静态路由。而能传递参数的路由模式，由于可以传递参数，所以其对应的路由数量是不确定的，故称之为 动态路由。

2-14.component动态组件和keep-alive缓存组件

1、这两个我感觉很配，当我们使用keep-alive缓存了页面组件，我们需要在A面来触发B页面的列表刷新或其他方法时，这时候使用EventBus就非常方便，其他方法也可以，比如说使用vuex，但是此时就没有直接使用EventBus方便快捷了。

2、开发中，我们会碰到用动态组件的情况。如多标签的页面，每个标签的内容是个动态组件：标签来回切换，同一个组件会被重复渲染。用 keep-alive 包裹动态组件，可以缓存组件的渲染结果，保证同一个组件只被渲染一次。

3、问题： 如果当在子组件里写了一个定时器，子组件被销毁后，定时器还是会继续执行，所以要使用 beforedestroy 和 destroyed ，组件销毁后，清除定时器。

4、uni-app 支持配置全局组件，需在 main.js 里进行全局注册，注册后就可在所有页面里使用该组件。 注意 ：Vue.component 的第一个参数必须是静态的字符串。

5、React组件之间通信方式？Context 提供了一个无需为每层组件手动添加 props ，就能在组件树间进行数据传递的方法.如果你只是想避免层层传递一些属性，组件组合( component composition )有时候是一个比 context 更好的解决方案。

3-vue由于设置为null,子组件在一开始加载时加载不了

PDF文件路径有误。请检查PDF文件路径是否正确，可以在控制台检查是否有404等错误提示。PDF文件格式不支持。vue-pdf只支持PDF格式的文件，加载的文件不是PDF格式，就无法正常渲染。所使用的vue-pdf组件版本有问题。

当在vue0里面不允许直接给父级数据做更改，并且把这个方法.sync去掉了，当子组件再试图更改父组件的数据时，就会报错。

是通过visiable.sync异步懒加载的，可能导致子组件没有得到初始化动态。可能是由于父组件中也有相同的组件内容，无法第一次在子组件的加载。

vue表单数据不刷新解决办法：表头变量colls是子组件中定义接受父组件传过来的变量，只需在弹框关闭回调函数中清空这个数组即可。检测data的变化，修改key来刷新table。

这样就实现了组件的按需加载，有需要的时候才会加载这个组件，同样也是优化首屏加载速度的一种方法。

4-vue中父组件如何动态修改子组件的值?

v-bind 绑定 html 特性到一个表达式，也可以用 v-bind 绑定动态 props 到父组件的数据。

首先，我们需要明确的是，子父组件之间通讯，子组件是不能直接改变父组件的值的。（父组件是大佬，小弟不能改变大佬的值，但是父组件可以改变子组件的值）通过某种方式，子组件可以”直接“改变父组件的值。

在vue中，有一个很方便的dom方法，就是ref 我们给每个button一个特定的ref值。需要修改的时候，我们在这个button的时间里，给每个button的type一个特定值就行了。

从而导致你的应用的数据流向难以理解。另外，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你 不 应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。

5-Vue组件的使用

1、遍历cache中的所有项，如果不符合filter指定的规则的话，则会执行pruneCacheEntry。pruneCacheEntry则会调用组件实例的$destroy方法来将组件销毁。

2、动态组件是让多个组件使用同一个挂载点，并动态切换。动态组件是 Vue 的一个高级用法，但其实它的使用非常简单。keep-alive 是 vue 的内置组件，能在组件切换过程中将状态保存在内存中，防止重复渲染 DOM。

3、Global.vue文件：使用方式1：在需要的地方引用进全局变量模块文件，然后通过文件里面的变量名字获取全局变量参数值。

4、Vue.use() 方法比 Vue.component() 要复杂些，其大致用法如下：这两种全局注册组件的方法在注册成功后都是通过使用标签名如 example-component/example-component 来使用的。