Vue.js入门
引用vue.js文件 < script src ="https://unpkg.com/vue/dist/vue.js" ></ script > Vue.js常用指令 v-if v-if指令可以根据表达式的值在DOM中生成或移除元素 <div id="xiu"> <p v- if ="kang">修抗</p> </div> <script> new Vue({ el: '#xiu' , data: { kang: true } }) </script> v-show v-show指令可以根据表达式的值在DOM中隐藏或显示元素 如果隐藏的话,会在元素中添加一个内联样式:style="display:none" <div id="xiu"> <p v-show="kang">修抗</p> </div> <script> new Vue({ el: '#xiu' , data: { kang: false } }) </script> v-show指令有更高的初始渲染消耗,需要频繁切换时使用 v-if指令有更高的切换消耗,运行时条件不太可能改变时使用 v-else v-else指令为false时可以显示表达式的值 v-else指令需要和v-if指令一起使用 <div id="xiu"> <P v- if ="ok"> true </P> <p v- else ="ok"> false