基本和2.0没啥区别,挂载方式有所改变
这里有一点要说的是,这里的check_url这个组件混入在App根组件的时候,官方原话说的很模糊,说是以恰当的方式"合并"。
合并这里不要误解,官方意思是数据会合并,并且以组件内部数据有限,如果出现冲突。
且如果是生命周期函数created,类似这种,他们是没有合并的,而是各自执行各自的,被合并的组件优先这里是check_url
,然后执行根组件内部的组件。
也就是说,他们的生命周期并没有合并。
main.js
const check_url = {
created() {
console.log(this.$route)
//{path: "/", name: undefined, params: {…}, query: {…}, hash: "", …}
}
}
const app = createApp({
mixins:[App,check_url] //这里的App是根组件
})
app.mount('#app')
根组件中的invite组件
invite.vue 中的js部分
export default {
name: 'invite',
created(){
console.log(this.$route)
//fullPath: "/invite", path: "/invite", query: {…}, hash: "", name: undefined, …
}
}
通过这两个created可以看出,他们处于不同的生命周期。