<div id="app">
<a href="" @click.prevent="comname='login'">登录</a>
<a href="" @click.prevent="comname='register'">注册</a>
<component :is="comname"></component>
</div>
<script>
Vue.component('login',{
template:'<h3>登录组件</h3>'
})
Vue.component('register',{
template:'<h3>注册组件</h3>'
})
var vm = new Vue({
el:'#app',
data:{
comname:'login'
},
component实现组件切换
最新推荐文章于 2024-04-02 05:15:55 发布