未分类

www6766comVue加载组件、动态加载组件的三种方法_vue.js_脚本之家

30 3月 , 2020  

var name = 'system';var myComponent =() => import('../components/' + name + '.vue');var route={ name:name, component:myComponent}

4、使用require 导入组件,直接将组件赋值给componet

什么是组件:

//正常加载import index from '../pages/index.vue'import view from '../pages/view.vue'//懒加载const index = resolve => require(['../pages/index.vue'], resolve)const view = resolve => require(['../pages/view.vue'], resolve)//懒加载 - 按组const index = r => require.ensure => r(require), 'group-index')const view = r => require.ensure => r(require, 'group-view')// 懒加载 - 按组 import,基于ES6 import的特性const index = () => importconst view = () => import

3、使用require 导入组件,可以获取到组件

1、使用import导入组件,可以获取到组件

var name = 'system';var route={ name:name, component :() => import('../components/' + name + '.vue');}

以上所述是小编给大家介绍的Vue加载组件、动态加载组件的几种方式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

动态加载组件的四种方式:

2、使用import导入组件,直接将组件赋值给componet

var name = 'system';var myComponent = resolve => require.ensure => resolve(require('../components/' + name + '.vue')));var route={ name:name, component:myComponent}

下面一段简单的代码给大家介绍Vue加载组件的几种方式,具体代码如下所示:

var name = 'system';var route={ name:name, component { require(['../components/' + name + '.vue'], resolve) }}

组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。

总结

补充:Vue动态加载组件的四种方式


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图