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。