目录
(1)组件的组织;
(2)全局组件
(3)props传递参数
(4)监听子组件发出的事件
(5).组件的插槽(嵌套)
1.组件components
(1)组件的组织;
通常一个应用会以一棵嵌套的组件树的形式来组织,如下图所示
(2)全局组件
app.component 来创建组件:
const app = Vue.createApp({
})
app.component("btn",{
template:`<button @click="n++">{
{n}}</button>`,
data(){return {n:1}}
})
app.mount("#app")
(2)局部组件
定义组件
const step = {
template:`<d