vue单向数据流

第一次写博客，先上一个讨好众生的微笑，万一小手一抖开翻了白小白的拖拉机，各位大爷打起脸来也不手疼。

本片场为vue单向数据流的个人demo，请排队有序进场：

官网：每次父组件更新时，子组件的所有 prop 都会更新为最新值。假如在子组件中想要修改prop传入的初始值处理成其它数据输出，可以定义一个计算属性，处理 prop 的值并返回。

html结构：

<div id="asdf">   <input type="text" v-model="spell">    <child v-bind:initial-spell="spell"></child></div>

js结构：

Vue.component("child",{    props:["initialSpell"],       template:"<h2>{{normalizedSize}}</h2>",    computed: {        normalizedSize: function () {          return this.initialSpell.trim().toUpperCase();        }      }    });new Vue({    el:"#asdf",    data:{        spell:"asdf"    }});

在prop中使用camelCase，在html页面中使用kebab-case。