VUE2.0 基本用法2

1.vue赋值

首先保证实例化的VUE对象中有值。

new Vue{

el:'#app',

data:{

name:'hello world',

}

}

<div id="app">

//输出hello world 普通赋值

<div>{{name}}</div>

//防闪烁赋值 v-text 不会解析html 标签 v-html 会解析html标签

<div v-text='name'></div>

<div v-html='name'></div>

</div>

2.input 标签绑定值

//v-bind 单项绑定 简写 :value

<input v-bind="name" >

<input :value="name">

a 标签绑定 href

<a v-bind = {href:'http://www.baidu.com/'+id}>这里id是动态的</a>

//双向绑定v-model。双向绑定(input 值改变。vue中的data中的对应属性也会改变。data中的值改变。input中的也对应改变)

<input v-model="name">