1\在输入框中， v-model 默认是在input 事件中同步输入框的数据（除了提示中介绍的中文输入
法情况外），使用修饰符.lazy 会转变为在change 事件中同步，示例代码如下：
<div id= ” app” >
<input type =” text ” v-model .lazy=”message ” >
<p>{{ message }}</p>
</div>
<script>
var app =new Vue({
el :’ #app ’,
data: {
})
</script>
message :”
法情况外），使用修饰符.lazy 会转变为在change 事件中同步，示例代码如下：
<div id= ” app” >
<input type =” text ” v-model .lazy=”message ” >
<p>{{ message }}</p>
</div>
<script>
var app =new Vue({
el :’ #app ’,
data: {
})
</script>
message :”
这时， message 并不是实时改变的，而是在失焦或按回车时才更新。
2\修饰符.trim 可以自动过滤输入的首尾空格，
3\使用修饰符.number 可以将输入转换为Number 类型，否则虽然你输入的是数字，但它的类型
其实是String ，
4\
Vue . component ( ’ my-component ’, {
template : ’ ＜ div ＞这里是组件的内容＜／ div> '
}) ;
5\除了templ ate 选项外，组件中还可以像Vue 实例那样使用其他的选项，比如d ata 、compu te d 、
m ethods 等。但是在使用data 时， 和实例稍有区别， d ata 必须是函数，然后将数据return 出去，
6、在组件中，使用选项props 来声明需要从父级接收的数据， prop s 的值可以是两种， 一种是字
符串数组，一种是对象 Vue.component ( ’ my-component ’, {
props: [ ’ warningText ’],
7、有时候，传递的数据并不是直接写死的，而是来自父级的动态数据，这时可以使用指令v -bind
来动态绑定props 的值，当父组件的数据变化时，也会传递给子组件
注意，如果你要直接传递数字、布尔值、数组、对象，而且不使用v-bind ，传递的仅
仅是字符串
注意，在js中对象和数组是引用类型，指向同一个内存空间，所以props 是对
象和数组时，在子组件内改变是会影响父纽件的。