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> login' Vue.component (17 ' , { 18 is Template: ' <H3> Log assembly </ H3> ' . 19 }); 20 is Vue.component ( ' Register ' , { 21 is Template: ' <H3> register component </ H3> ' 22 is }); 23 is VM const = new new Vue ({ 24 EL: ' #app ' , 25 Data: { 26 is In Flag: to true 27 }, 28 Methods: {} 29 }) 30 </script> 31 </body> 32 </html>
Day3.13 switch assembly
Guess you like
Origin www.cnblogs.com/zhaohui-116/p/12057326.html
Recommended
Ranking