组件实例的作用域是单独的。组件内部的模版不能使用引用组件的数据,如果需要使用需要借助 props 把数据传给组件

props

export

source

<div id="app">
	<!-- 使用组件 -->
  	<my-part v-bind:partdataname="app_data"></my-part>
</div>
<script type="text/text" id="my-part-template">
	<ul>
  		<li v-for="item in partdataname">{{ item }}</li>
  	</ul>
</script>
var part = Vue.extend({
	props : ['partdataname'],
  	template: $("#my-part-template").html(),
  	methods : {
		// 这里绑定事件
	}
});

var app = new Vue({
    el: '#app',
    data : {
    	//实例数据
    	"app_data" : [ "a","b","c","d" ]
    },
    //定义局部组件
    components: {
    	//组建名    组件值
	    'my-part': part
	}
});