好资源导航 » 文章资讯 » Vue 组件的挂载与父子组件的传值实例

Vue 组件的挂载与父子组件的传值实例

2023-07-17 10:03:03 69

1：将需要挂载的组件放置在component之中

2：全局挂载在main.js之中

importVuefrom'vue'
importAppfrom'./App.vue'
importgetTimefrom'./component/child/getTime'

//全局注册整个项目的组件都可以使用
//注册给整个vue对象
//引入需要注册的全局组件

//在vue类的方法component里面进行注册
Vue.component('v-times',getTime);
Vue.component('v-times',{
template:"{{msg}}",//字符串的标签模板
data(){//当前模板的数据
return{
msg:"时间"
}
}
});
newVue({
el:'#app',
render:h=>h(App)
})

3：局部挂载至当前父组件之内

4：父组件传值给子组件

父组件：

子组件：

5：子组件调用父组件的值

子组件：

父组件：

补充知识：vue-router中的组件怎么传递参数

第一种方法params

{
path:'/user/:userid',
component:User
},

用户


exportdefault{
name:'App',
data(){
return{
userid:'lisi'
}
}
}

第二种query

{
path:'/profile',
component:Profile
}

profile

以上这篇Vue组件的挂载与父子组件的传值实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

Vue 组件的挂载与父子组件的传值实例

{{userid}}

{{this.$route.params}}

我是Profile

{{this.$route.query}}

随机推荐

Vue 组件的挂载与父子组件的传值实例

{{userid}}

{{this.$route.params}}

我是Profile

{{this.$route.query}}

热门推荐

随机推荐