vue.js杂记

1.在自定义组件上使用了v-bind: class="HELLO" HELLO是一个对象，或者v-bind：style="WORLD" WORLD也是一个对象,在自定义组件定义的时候，data这个构造参数内必须这么写

data:function(){

return{

HELLO:'hello',

WORLD:{

'red':'red',

'font-size':'2em'

}}

}

2.v-model 只是一个语法糖

<input type='text' v-model="message">

<div>{{message}}</div>

无论你输入的是123.还是onetwothree，最终message 存放的还是string类型

<input type="text" v-model.number="message"> "123"就会被转换成123 但是"onetwothree"还是不行

3.watch 属性监听

watch：{

myvalue:function(newvalue,oldvalue)//有两个参数，一个新值一个旧值，当然你还是可以进行一些其他的操作

{.......}

}

3.自定义组件

<com-a></com-a>

在一个根组件的内部可以包含多个子组件，但是必须要注册

components：{

'comA':coma,

'comB:comb,

'comC':comc}

4.子组件与父组件之间的联系

props：[X]

1:可以是数组['x','y','z']

2:可以是对象 props::{'message':[Number, String]} 表示子组件所期望的数据类型是String或者Number类型的