做网站电话销售说辞,wordpress 站长统计,做设计找图有哪些网站,专门做餐厅设计的网站vue前端开发自学基础,动态切换组件的显示#xff01;这个是需要借助于#xff0c;一个官方提供的标签#xff0c;名字叫【Component】-[代码demo:component :isComponetShow/component]。 下面看看代码详情。 templateh3动态…vue前端开发自学基础,动态切换组件的显示这个是需要借助于一个官方提供的标签名字叫【Component】-[代码demo:component :isComponetShow/component]。 下面看看代码详情。 templateh3动态切换组件的显示/h3!-- ComA/ComA --component :isComponetShow/componentbutton clickchangeShow切换组件显示/button /template script import ComA from ./components/ComA.vue; import ComB from ./components/ComB.vue;export default{data(){return{ComponetShow:ComA}},components:{ComA,ComB},methods:{changeShow(){this.ComponetShow this.ComponetShow ComA ? ComB:ComA}}} /script 以上是在app.vue里面写的一个按钮绑定点击事件切换组件A和组件B的显示。里面很明显是调用了一个官方提供的标签啊。它有一个属性叫【is】。这个可以绑定一个动态值。 然后用函数就可以随意的更改这个动态值。默认情况下我们给他赋值了。是组件A的调用。 如图点击切换组件显示按钮后从组件A变成了组件B。