vue非prop特性及props验证

1、非prop特性
非 prop 特性：是指向一个组件传属性，但是该组件并没有相应 prop 来定义，这些 props 会被自动添加到组件的根元素（template模板中，包裹元素的最外层元素）上。

2、替换/合并已有的特性
默认情况下，非prop 特性的属性会覆盖组件根元素上同名的内容，但是针对 style 和 class 有特殊的处理，它们会合并（同名样式还是会覆盖）
替换/合并已有的特性

  <div id="app">
     <p v-text="name"></p>
     <button @click="getName">获取名字</button>
     <hr>

     <!-- 组件中传了两个属性age与grade，而props中只接收了age，没有grade -->
     <!-- :str="world"这里的属性值不能传字符，会被当做app实例下的属性 -->
     <mycom :age="10" :grade="4" :str="world" style="background-color: lightblue;" ></mycom>
  </div>

    <script src="js/vue.js"></script>
    <script