从 vue 父实例继承 props 和函数答案

【问题标题】：Inherit props and functions from vue parent instance从 vue 父实例继承 props 和函数
【发布时间】：2021-08-18 09:48:57
【问题描述】：

我正在尝试在我的 vue 实例中定义一些我想在所有组件中重用的默认道具和函数。我该怎么做呢？我试图传递道具，但由于它们是只读的，所以它不起作用。

我是以正确的方式解决这个问题还是应该换一种方式？

// vue.js
import { createApp } from 'vue';
import Page from './vue-instances/Page';

const Vue = createApp({
 data() {
  return {
    loading: false // default prop
  };
 },
 components: {
   Page
 }
});
Vue.mount('#vue-app');

// Page.vue
export default {
 props: { loading: Boolean },
 data() {
   return {
     title: 'New Page',
   };
 },
 mounted: function () {
   setTimeout(() => {
     this.loading = true; // Reuse inherited props 
   }, 1000);
 }
};

【问题讨论】：

...看来mixins 就是你要找的东西

标签： javascript vue.js vuejs3

【解决方案1】：

我认为你的方法不是最好的。如果您尝试为特定目的重用数据（上述道具），请尝试创建一个使用该数据并重用上述组件的组件，这将是一种更自然和内联的 UI 开发方式。

【讨论】：