Vue.js组件理解

组件使用细节点

解决元素标签位置错误的问题：is 属性

组件data函数

在子组件中，data 必须是一个函数，有可能一个子组件会被调用很多次，每个子组件数据不能产生冲突，通过一个函数返回一个对象的目的，就是让每个子组件都拥有独立的数据存储。

Vue.component('row', {
	//在子组件中，data 必须是一个函数
	data: function(){
		return {
			content: 'this is a row'
		}
	},
	template: '{{content}}'
});

ref的使用

	
	
	
{{total}}

非父子组件间的传值

1. 借助官方的数据框架 vuex解决
2. 发布订阅模式 总线机制 Bus 观察者模式

将多个插槽一一对应

	
		
header
		
footer
	

Vue 中的作用域插槽

动态组件与v-once指令

	
	
	
	
	
	
	
	change