<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现组件的切换</title> <script src="vue1.0.11.js"></script> </head> <body> <div id="app"> <a href="#" @click="cname='login'">登录</a> <a href="#" @click="cname='register'">注册</a> <!--利用component标签中的：is来进行组件的切换--> <!--login就是你要显示的组件的名称，用cnmae来替代因为在data那里初始化了--> <component :is="cname"></component> </div> </body> <script> //注册全局的登录组件和注册组件 Vue.component('login',{ template:'登录页面' }); Vue.component('register',{ template:'注册页面' }); new Vue({ el:'#app', data:{ cname:'login' } }); </script> </html>
vue1.0实现组件的动态切换
猜你喜欢
转载自blog.csdn.net/weixin_40593587/article/details/79295828
今日推荐
周排行