1.Vue全家桶学习_怎样实现局部组件开发_2020-03-16
2020-03-16 本文已影响0人
鹰郡少年鹏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue局部组件化开发</title>
</head>
<body>
<div id="app">
</div>
<script type="text/javascript" src="../node_modules/vue/dist/vue.js"></script>
<script type="text/javascript">
//局部组件化逻辑
//1.声子
//2.挂子
//3.用子
var portal={//声明一个局部组件入口
data(){
return{
}
},
components:{},
template:'<div>我是局部组件入口</div>'
};
new Vue({//实例化一个Vue对象
el:"#app",
data() {
return {
};
},
components: {
portal
},
template:'<div id="app"> <portal/></div>'
});
</script>
</body>
</html>
