<template>
<component :is='fuck' :data='data'></component>
</template>
<script>
export default {
data() {
return {
fuck: null
}
},
props: ['type', 'data'],
mounted() {
this.fuck = import(`/templates/${this.type || 'default'}`)
},
}
</script>
Vue 与 动态组件 import 的尝试
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:生成n位的随机验证码
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
VUE动态加载不同组件
VUE动态加载不同组件
用户登录 属性值 加载 -
Vue(十四)动态组件
<!DOCTYPE html><html lang="en"><head> <meta charset="
vue.js elementui javascript Vue html -
[vue] Vue动态组件
让多个组件使用同一个挂载点,并动态切换,这就是动态组件。通过使用保留的 <co
vue.js hive Vue -
Vue中的动态组件
1,定义:动态组件就是将几个组件放在一个挂载点下,这个挂载点就是标签,其需要绑定is属性,属性值为父组件中的
vue List 缓存 属性值 -
[vue] 动态组件component
动态组件绝对干货~!学会这些Vue小技巧,可以早点下班和女神约会了
vue.js 前端 javascript Vue -
【Vue】动态组件和异步组件
动态组件和异步组件
vue.js 前端 javascript 数据 缓存