2.Vue2.5开发去哪儿网app——深入理解Vue组件

组件使用中的细节点

1.H5的标准中tbody内必须为tr元素,但我们想用组件来代替tr时,组件会在tbody外导致错位的bug,可以用is属性来解决这个问题

同理,ol或ul中的li标签,还有select中的option标签也可以使用is属性来解决这个问题

2.Vue2.5开发去哪儿网app——深入理解Vue组件

2.定义vue实例中的data时,data可以是一个对象,但是在定义子组件中的data时,data必须是一个函数,且须返回一个对象,因为根组件只会被调用一次,而子组件会被调用很多次,为了使子组件的数据不相互影响,通过一个函数来返回一个对象的方式就是为了让每一个子组件都拥有独立的数据存储

2.Vue2.5开发去哪儿网app——深入理解Vue组件

3.在Vue中操作DOM

this.refs指的是这个Vue实例中的所有引用,this.refs.hello.interHTML获取了引用为hello的标签中的内容

2.Vue2.5开发去哪儿网app——深入理解Vue组件