vue标签属性条件渲染

1、v-bind

v-bind可以动态绑定

<a v-bind:herf="link">to baidu</a>

可以简写为:herf

data(){

return{

link:"www.baidu.com"

}}

作用：如果link在其他地方被修改，a标签可以动态被修改，否则link只是一个字符串

ton v-on:click="additem" v-bind:class="className">additem</button>

写在data里，true就有a的样式，false则没有

 className:{
    'a':false
  },

 <button v-on:click="additem" v-bind:class="{'a':haserror}">additem</button>

 haserror:true, //true的时候有样式，false没有

数组和对象可以混用

:style="linkcss"

linkcss{

'color':'red'

}

可以设定样式

2、v-if和v-show的区别

v-if会直接从文档流删除 v-show是控制css样式的display来控制

两者都可配合v-else使用