对标签注入属性是不行的,但是EJS可以!(不知道EJS是什么?)
比如:
<a href="{{site}}"></a>
data(){return {site:'http://www.itlike.com'}
双括号仅仅适用于标签与标签,这里如果进行需要强制数据绑定,href=''site''
,<a v-bind:href="site">learn VUE</a>
简写:<a :href="site">learn VUE</a>
。可以在VUE调试插件里面观察它。
绑定数据监听,比如对一个按钮进行监听,对事件进行监听。<button>like vue</button>
。
<button v-on:click="study"></button>
<button @click="study"></button>
methods:{
study(){
alert('good luck!')
}
}
<button v-on:click="study"></button>
<button @click="study('learning!')"></button>
methods:{
study(name){
alert('${name},good luck!') //es6的语法
}
}