JS框架之vue.js(深入三:组件1）

在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。二是局部注册方式这种写法最简，很明显Parent扩展了Vue，拥有了组件my-component。此时的组件只有Parent能用，Vue不能用。组件在使用的过程中也是有限制的。所以组件被替换后必须依照html的正常标准来，它必须是有效的 HTML 片段。子组件需要显式地用 props 选项 声明 props：HTML 特性不区分大小写。prop 默认是单向绑定：当父组件的属性变化时，将传导给子组件，但是反过来不会。组件可以为 props 指定验证要求。当组件给其他人使用时这很有用，因为这些验证要求构成了组件的 API，确保其他人正确地使用组件。当 prop 验证失败了，Vue 将拒绝在子组件上设置此值，如果使用的是开发版本会抛出一条警告。