2.0vue.js 局部变量 这种比较常用
效果图
<body>
<template id="zu">//组件模板<div>
<h1>我是组件</h1>
{{wo}}
</div>
</template>
<div id="app">
<aaa></aaa>//组件显示
{{hj}}
</div>
</body>
<script src="vue2.js"></script>
<script>
Vue.component('aaa',{//组件连接
data(){
return{
wo:'slkjfds'
}
},
template:'#zu',//组件模板
});
new Vue({
el: '#app',
data: {
hj: '上面是组件的显示',
},
});
</script>