vue学习笔记

开始：

<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：

图1

数组法绑定：<div :class="[asss,ssss]"></div>

data{asss:'accc',ssss:'sss'}