vue.js 动态组件详解
作者:猫老板的豆 时间:2024-04-29 13:09:58
:is 动态组件
使用 v-bind:is=”组件名”,会自动去找匹配的组件名,如果没有,则不显示;
<div id="app">
<test v-bind:is="which_to_show"></test>
</div>
<script>
var demo = new Vue({
el: "#app",
data: {
which_to_show: "first"
},
components: {
first: {
template: "<div>这里是子组件first</div>"
},
second: {
template: "<div>这里是子组件second</div>"
},
third: {
template: "<div>这里是子组件third</div>"
}
}
});
</script>
通过改变 which_to_show 的值就可以动态改变想要加载渲染的组件,如下:
到此这篇关于vue.js 动态组件详解的文章就介绍到这了,更多相关vue.js 动态组件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持asp之家!
来源:https://blog.csdn.net/x550392236/article/details/78558221
标签:vue.js,动态,组件
0
投稿
猜你喜欢
简单介绍Python的Django框架的dj-scaffold项目
2021-11-01 07:18:05
为什么MySQL不建议使用SELECT *
2024-01-26 21:29:44
Python编解码问题及文本文件处理方法详解
2021-04-13 07:52:06
Python使用pandas对数据进行差分运算的方法
2021-09-28 06:56:07
深入浅析JavaScript中的arguments对象(强力推荐)
2024-04-25 13:12:46
python re模块findall()函数实例解析
2022-07-07 13:38:40
Mysql中如何删除某个字段的最后四个字符
2024-01-28 22:44:07
PHP中关于php.ini参数优化详解
2024-05-13 09:51:31
粗暴解决CUDA out of memory的问题
2023-05-12 05:40:00
Python在线和离线安装第三方库的方法
2023-08-24 19:37:11
python实现FTP服务器服务的方法
2021-01-08 10:07:38
Python爬虫教程使用Scrapy框架爬取小说代码示例
2023-01-22 15:58:08
Python argparse模块使用方法解析
2022-10-12 10:58:57
详解Python中datetime库的使用
2021-03-31 20:14:13
CSS 超链接图标规范 V1.0
2007-12-28 12:05:00
不需要用到正则的Python文本解析库parse
2022-11-08 17:28:09
基于Python的Houdini插件开发过程详情
2023-11-28 17:28:02
Python的__builtin__模块中的一些要点知识
2022-10-08 01:46:23
antd项目实现彩蛋效果的详细代码
2023-09-14 12:51:20
Alexa排名数据xml接口及其参数说明
2008-11-07 13:03:00