小编Mik*_*gel的帖子

我有两个带有自己的加载器的 vue 组件，安装到两个已经渲染的 DOM 节点中：

A组份：

import { createApp } from 'vue'
import ComponentA from '@/Vue/ComponentA.vue';
import {createPinia} from 'pinia';

createApp(ComponentA).use(createPinia()).mount(document.querySelector('.c-component-a'));

组分B：

import { createApp } from 'vue'
import ComponentB from '@/Vue/ComponentB.vue';
import {createPinia} from 'pinia';

createApp(ComponentA).use(createPinia()).mount(document.querySelector('.c-component-b'));

现在，我想将全局 pinia 存储加载到多个组件中：

皮尼亚专卖店：

import {defineStore} from 'pinia';

export type RootState = {
    foobar: number;
}

export const useGlobalApplicationStore = defineStore({
    id: 'global',
    state: () => ({
        foobar: 100
    } as RootState),
    actions: {
        setFoobar(payload: number): void {
            this.foobar = payload;
        }
    }, …

我只是想知道哪种方式定义属性最可靠，它应该在模板中生成输出。

在构造函数中定义属性：

模板参考：

<h1>{{msg}}</h1>

属性定义：

<script lang="ts">
  import { Component, Vue } from "vue-property-decorator";
  @Component
  export default class Test extends Vue {
    protected msg: string;
    public constructor() {
      super();
      this.msg = 'Today\'s date ' + moment().format('YYYY/MM/DD');
    }
  }
</script>

浏览器中的输出：

<h1>Today's date 2019/03/07</h1>

在 Mounted 生命周期中定义属性：

模板参考：

<h1>{{msg}}</h1>

属性定义：

export default class Test extends Vue {
  protected msg: string = '';
  mounted() {
    this.msg = 'Today\'s date ' + moment().format('YYYY/MM/DD');
  }
}

浏览器中的输出：

<h1>Today's date 2019/03/07</h1>

通过get和set定义属性，在构造函数中设置值：

模板参考：

<h1>{{msgText}}</h1>

属性定义： …

是否有一种“快速”方法可以更改类型下拉列表中新内容元素的排序顺序？看起来，新的内容元素被推到数组的末尾，因此它们出现在列表的末尾。

当前位置（列表末尾）：

应该：

在“标准”组的末尾。

问题：

是否可以将内容元素注册到特定组（例如“标准”或“列表”或新组）？

PS：内容元素在 TCA/Overrides/tt_content 和向导的页面 TS 配置中正确注册。让我知道代码是否相关，我会添加它。