开始:
<div id="app"></div>
<script src="../js/vue.js"></script>引入vue包
<script>
var app=new Vue({
el:'#app', 绑定id 或者class
data:{
},
// 所有计算属性都以函数的形式写在computed李
})
</script>
v-if:比较用的
v-html:把写的以html格式表示出来
v-bind:绑定HTML属性如id class 缩写“ : ”
v-on:绑定事件监听器 缩写:“@”
v-bind绑定class:
1:可以与普通class共存
改变false和true确定是否显示出来:<div class="sss",:class="'kkk':asa,"aaa":xsxs"></div>
改变asa xsxs的false true的值来显示 如图1:
数组法绑定:<div :class="[asss,ssss]"></div>
data{asss:'accc',ssss:'sss'}
网友评论