Vue学习第二天：06双向绑定和单向数据流不冲突

<template>
    <div :class="name">
        {{message}}<br />
        <label>测试1：<input v-model="message" /></label><br />
        <label>测试2：<input :value="message" @input="currentFun" /></label>
    </div>
</template>

<script>
    export default {
        name: 'Test',
        data() {
            return {
                name: "zhangsan",
                message: "Hello World"
            }
        },
        methods: {
            currentFun(e) {
                this.message = e.target.value;
            }
        }
    }
</script>

总结：

1. 双向绑定是指数据的变化会导致视图的更新，视图的变化也会导致数据的更新。（v-model）
2. 单项数据传输只是数据的变化会导致视图的更新。（v-bind）
3. v-model是一种语法糖，本质上还是单项数据流。
4. v-model也可以给自定义输入组件使用，参见自定义组件的 v-model。
5. 若想多个属性与事件绑定，可以使用.sync 修饰符，参见.sync 修饰符。