1.在使用tr/td、ul/li、ol等标签时,用到组件,需要在页面的标签上用is="row"来确定组件作用在哪个范围内。
2.组件里要用独立的数据,不能直接定义data,需要用data:function不然会报错。类似这样的,
3.vue组件使用中,有单项数据流的概念,子组件可以通过props接收父组件传递过来的数据并使用,但是子组件不可以直接修改父组件传递过来的数据,因为父组件传递过来的数据可能被其他子组件所引用,影响其他子组件。
4.子组件通过props接收父组件传过来的值,子组件可以限制传输过来的值是什么格式的,代码如下:
type用来规定父组件传过来的值的格式;
required表示是否为必填项;
default用来设置默认值。
子组件给父组件传值时,通过this.$emit触发一个事件change,父组件监听这个事件并重写:@change="Inc",监听到change事件发生时,触发Inc这个方法函数。
5.当需要给组件绑定原生事件时,比如需要给一个child组件绑定原生事件,
第一种写法无法实现绑定点击事件,组件中只有在click后添加.native才可以。
6.get到了v-once的用法,v-once可以用在模板或者实际的body中,代表的意思当前模板下的内容只渲染一次,后期数据改变,不再二次渲染。
7.动态组件是指直接在页面结构中使用component,通过is绑定具体数据再展示。