Vue之component 标签 |
您所在的位置:网站首页 › 山西运城名胜古迹介绍 › Vue之component 标签 |
component 标签是Vue框架自定义的标签,它的用途就是可以动态绑定我们的组件,根据数据的不同更换不同的组件。
实例: 1.我们先在构造器外部定义三个不同的组件,分别是componentA,componentB和componentC. 2.我们在构造器的components选项里加入这三个组件。 3.我们在html里插入component标签,并绑定key数据,根据key的值不同,调用不同的组件。 这就是我们的组件标签的基本用法。我们提高以下,给页面加个按钮,每点以下更换一个组件。 Document var componentA = { template: `我是A组件` } var componentB = { template: `我是B组件` } var componentC = { template: `我是C组件` } var app = new Vue({ el: '#app', components: { "comA": componentA, "comB": componentB, "comC": componentC }, data:{ key:'comB' } })vue中 'is' 关键字用来动态切换组件
想学习更多关于vue的知识可以点击链接学习 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |