这样会报错
因为子组件里的data应该是一个function而不是一个对象
在最外层根组件(var vm = new Vue)里直接把data写成一个function不会有任何问题,但是在非根组件中就不能这么定义,在子组件中要求data后面的值必须是一个函数
要这么写
这么设计是因为根组件只会被调用一次 ,但子组件会被调用多次。我们不希望子组件中的数据相互冲突,每一个子组件都应该有自己的数据。是完整的多套数据,相互之间没有关系不干扰,不是共享一套数据。所以我们通过函数让子组件拥有独立的数据存储。
注:几个小点
1.用is解决h5标签的bug
这样有问题
因为h5的规范里要求table里是tbody,tbody里面是tr ,而现在tbody里面写的是row,浏览器解析的时候就会报错。所以借助vue提供的is属性,