<强>什么是组件:
组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以是特性扩展。
下面一段简单的代码给大家介绍Vue加载组件的几种方式,具体代码如下所示:
//正常加载
从“. ./页面/index.vue”进口指数
从“. ./页面/view.vue”导入视图//懒加载
const指数=解决=比;需要([' . .//索引页面。vue '],解决)
const视图=解决=比;要求([' . ./视图/页。vue '],解决)//懒加载——按组
const指数=r=比;要求。确保([],()=比;r(要求(“. ./页面/index.vue”),“分组指数”)
const视图=r=比;要求。确保([],()=比;r(要求(“. ./页面/view.vue”)),组视图)//懒加载——按组导入,基于ES6进口的特性
const指数=()=比;进口(“. ./页面/index.vue”)
const视图=()=比;导入(. ./页面/view.vue)
<强>动态加载组件的四种方式:
1,使用进口导入组件,可以获取到组件
var name='系统';
myComponent var添加=()=比;进口(' . ./组件/?名称+“.vue”);={var路线
名称:姓名、
myComponent组件:添加
}
2,使用进口导入组件,直接将组件赋值给
组合
var name='系统';={var路线
名称:姓名、
组件:()=比;进口(' . ./组件/?名称+“.vue”);
}
3,使用需要导入组件,可以获取到组件
var name='系统';
myComponent var添加=解决=比;要求。确保([],()=比;解决(需要(' . ./组件/?名称+“.vue”)));={var路线
名称:姓名、
myComponent组件:添加
}
4,使用需要导入组件,直接将组件赋值给
组合
var name='系统';={var路线
名称:姓名、
组件(解决){
要求([' . ./组件/+名字+。vue '],解决)
}
}
以上所述是小编给大家介绍的Vue加载组件,动态加载组件的几种方式,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
