1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <script src="../lib/js/vue.js"></script>
7 </head>
8 <body>
9 <div id="app">
10 <a href="" @click.prevent="flag=true">登录</a>
11 <a href="" @click.prevent="flag=false">注册</a>
12
13 <login v-if="flag"></login>
14 <register v-else="flag"></register>
15 </div>
16 <script>
17 Vue.component('login',{
18 template:'<h3>登录组件</h3>'
19 });
20 Vue.component('register',{
21 template:'<h3>注册组件</h3>'
22 });
23 const vm = new Vue({
24 el:'#app',
25 data:{
26 flag:true
27 },
28 methods:{}
29 })
30 </script>
31 </body>
32 </html>
