Vue.js 学习笔记 4

常用语法

v-bind

与上述不同的是v-bind的作用是绑定属性，比如动态修改a标签中的链接，俄日而且，v-bind能绑定类，也可以绑定条件类，条件类传入一个对象{active:isActive}，active表示要执行的类，isActive代表条件，为真时执行active类 ,v-bind可以简写直接用冒号代替

html:

<div id="app">
    <!-- v-bind是绑定属性 如下边的a标签的属性可以动态修改-->
    <a v-bind:href="url" title="">
        <!-- <span v-bind:class="klass"> -->
        <span :class="{active:isActive}">
            Click!
        </span>
        <img v-bind:src="img" alt="">
    </a>
</div>

js:

var app = new Vue({
    el:"#app",
    data:{
        url:"httpa://www.jiaozi1122.com",
        img:"koshi.png",
        klass:"pink",
        isActive:true,
    }
})