vue知识点笔记

以下内容对应vue2.3+版本

1.vue本身是单向数据流

使其支持双向绑定有两种方法：

(1) v-model

<input v-model="something">是

<input v-bind:value="something" v-on:input="something = $event.target.value"> 的语法糖

oninput事件，在.vue中这样写是没有作用的：

<input type="text" id="cardsNum2" value="1" @oninput ="inputFunc">

这样写也没有作用：

<input type="text" id="cardsNum2" value="1" v-on:oninput ="inputFunc">

最后，这样写才起作用：

<input type="text" id="cardsNum2" value="1" v-on:input ="inputFunc">

 

(2) .sync

<comp :foo.sync="bar"></comp> 是

<comp :foo="bar" @update:foo="val => bar = val"></comp> 的语法糖

当子组件需要更新 foo 的值时，它需要显式地触发一个更新事件：

this.$emit('update:foo', newValue)