vue 基础知识点

1.指令

v-html:会覆盖内部内容 会有xss攻击 不要用在用户提交的时候

<p v-html="inHtml"><span>aaaa</span></p>   //<span>aaaa</span>被覆盖掉

v-if v-else :进行逻辑判断 用户不频繁更改

v-show  :渲染成 display:none  用户频繁更改

v-if 和v-for 不同时使用  v-for 比v-if 优先级高  每一次都要循环 不好

v-bind:简用 ：

eg:<span :class="{black:isblack,yellow:isyellow}"></span>

<span :class="[isblack,isyellow]"></span>  //数组

<span :style="styledata"></span> //data中 styledata是一个对象

data(){

 return{

 isblack:true,

isyellow:true,

black:"black',

yellow:'yellow',

styledata:{height:300px}

}

}

2.computed 计算属性

data(){

 return{

 num:20

}

},

computed:{

aDouble: function () {   //绑定页面 { {aDouble&