问一下大牛们，我现在有三个页面大致的布局相同，只有几个组件或者文字不一样，怎么构建组件比较好，目前想到两种：
- 写一个Common组件，三个页面都引入Common,通过不同的props传值，控制布局
- 写一个父组件Common，其他三个页面extends这个父组件，在data，methods里面去控制行为。
哪种比较好，或者大神们都是怎么实现的？
vue构建父组件子组件提取问题
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2022-05-17 16:35回答 2 已采纳 你的需求说的不太明白，我理解的你的需求是：点击子组件内按钮弹出子组件的弹窗。如果是这样的话直接在按钮上绑定click事件弹出弹窗就行。至于父组件向子组件传参，直接子组件上挂载数据，子组件内通过prop
- 2023-03-06 10:38回答 1 已采纳 方法很多 ref 方式 你有两个vue文件 分别为 dom.vue text.vue 然后最外面还有一个父组件 你就可以用父组件引入这两个vue文件然后 dom.vue
- 2022-06-14 11:35回答 2 已采纳 ref给个初始null 先从 onMounted 里面抓一下 ref 看看能不能抓到？ 如果不是写法问题的话，怀疑是不是reactive里面的handleAdd两者对应的ref不为同一个？
- 2021-05-12 15:21lofate的博客 3. 父组件和子组件 4. 组件语法糖的写法 5. 组件data关联的写法 6. 父子组件的通信 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。几乎任意类型...
- 2022-08-28 15:11回答 2 已采纳 在子组件LogOut里面，给按钮加click事件，事件内容为 toggleFold () { this.$emit('toggleFold') } 然后在这个Home.vue页面的logO
- 2022-04-02 00:29回答 3 已采纳 不同组件绑定不同的回调就可以了，如果父组件没定义是不会执行的
- 2022-06-04 09:01回答 4 已采纳 这种涉及到多层级的组件通信，建议使用vue的provide和inject从上层组件提供函数和数据给所有下层组件，下层接收使用 详细使用方式请查阅文档~https://v3.cn.vuejs.org/
- 2022-03-21 23:06一染星辰的博客 1.自我介绍 2分钟，200-300个字，主旨自己基本情况，工作经历，优点，兴趣爱好，职业规划，邀约 2.vue面试题 ...3.描述vue组件声明周期mm 单组件声明周期图 挂载： beforeCreate => created =
- 2022-04-20 14:46回答 1 已采纳 因为你使用了驼峰命名，在vue中注册后请用连接符引用如 <banner-form></banner-form> 可参考文档https://vuejs.bootcss.com/
- 2021-09-01 09:30回答 4 已采纳 可以参考如下方法，如有帮助望采纳 vue组件间的传值（父子、子父、兄弟、后代、非兄弟）_陈同学的博客-CSDN博客 目录父向子传值子向父传值兄弟传值后代传值非兄弟传值在解决组件通讯方面，比较好
- 2022-01-17 16:27回答 1 已采纳 你的数据并非是响应式数据呀 ，你现在只是进行了一个单纯的赋值操作，你要么用ref包裹一下 要么用reactive包裹一下 对数据进行响应 let inConfig = ref([]) 赋值操作 i
- 2023-11-04 21:56XianZhe_的博客 从优化的角度上看，Vue 的Props声明方式都是一样的，同样的代码写多次显得有些冗余，那不妨将这些 Props 声明再次优化一下，编写一个公共的 Props 辅助工具进行声明。其实 ElementUI 的源码也是这么去做的，以 el-...
- 2021-10-29 10:14回答 3 已采纳 this
- 2022-03-09 18:07lio_zero的博客 现在我专注于前端领域，但我也将分享我在有限的时间内看到和感受到的东西。 Vue2 和 Vue3 有什么不同？ 我们以一些简单的示例，来看看具体的变化。 你可以查看 Vue3 文档，以了解更加详细的内容示例。 创建模板 Vue...
- 2022-01-17 00:07月苏西的博客 总结出来的Vue面试题，持续更新...
- 没有解决我的问题, 去提问
