缩写v-bind 缩写
Vue.js 为两个最为常用的指令提供了特别的缩写：
- <!-- 完整语法 -->
- <a v-bind:href="url"></a>
- <!-- 缩写 -->
- <a :href="url"></a>
复制代码 v-on 缩写
- <!-- 完整语法 -->
- <a v-on:click="doSomething"></a>
- <!-- 缩写 -->
- <a @click="doSomething"></a>
复制代码 笔记
给元素绑定href时可以也绑一个target，新窗口打开页面。
- new Vue({
- el: '#app',
- data: {
- url: 'http://www.runoob.com',
- target:'_blank'
- }
- })
复制代码
当我们给一个比如 props 中，或者 data 中被观测的对象添加一个新的属性的时候，不能直接添加，必须使用 Vue.set 方法。
Vue.set 方法用来新增对象的属性。如果要增加属性的对象是响应式的，那该方法可以确保属性被创建后也是响应式的，同时触发视图更新
这里本来 food 对象是没有 count 属性的，我们要给其添加 count 属性就必须使用 Vue.set 方法，而不能写成 this.food.count = 1 |
