Vue学习记录--父组件和子组件的区分
Posted cqqinjie
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue学习记录--父组件和子组件的区分相关的知识，希望对你有一定的参考价值。
<body>
<div id="app">
<my-pnc2></my-pnc2>
</div>
</body>
<script type="text/javascript">
//1.子组件
const cpnc1=Vue.extend({
template:`
<h3>你好Vue1</h3>
`
})
//父组件
const cpnc2=Vue.extend({
template:`
<h3>你好Vue2</h3>
`， components：{
my-pnc1:cpnc1
}，//局部注册
})
const app=new Vue({
el:‘#app‘,
components：{
my-pnc2:cpnc2
}，//局部注册
data:{
msg:‘我饿哦我去 ‘
}
})
</script>
以上是关于Vue学习记录--父组件和子组件的区分的主要内容，如果未能解决你的问题，请参考以下文章
vue把el-dialog提取出来作为子组件，并实现父组件和子组件相互传值