小编Har*_*man的帖子

尝试使用 ES6arrayObj.sort(a,b) => a.property.localeCompare(b.property)语法但出现错误：

\n

类型错误：a.property.localeCompare 不是函数。

\n

我想localeCompare不在范围内，但不明白如何将其绑定到排序范围，也许是因为数据存储在代理中？我也在 VueJS 3 中工作，但认为这与这个问题无关。

myData = \nProxy {0: {\xe2\x80\xa6}, 1: {\xe2\x80\xa6}, 2: {\xe2\x80\xa6}, 3: {\xe2\x80\xa6}, 4: {\xe2\x80\xa6}}\n[[Handler]]: Object\n[[Target]]: Array(5)\n0: {itemIndex: 1, itemFmt: 2, itemFmtName: 'Call To Order', guid: 'd66af412-00a0-4c49-b8b5-abaefb79fed0', maxCt: 1, \xe2\x80\xa6}\n1: {itemIndex: 2, itemFmt: 6, itemFmtName: 'Title/Discussion/Motion', guid: '9f7b9d34-3fcb-42c7-866e-a56f71a8aa4f', maxCt: 0, \xe2\x80\xa6}\n2: {itemIndex: 4, itemFmt: 6, itemFmtName: 'Title/Discussion/Motion', guid: '406bea5e-1cb0-4d90-96e9-9b80b64ff8ba', maxCt: 0, \xe2\x80\xa6}\n3: {itemIndex: 5, itemFmt: 6, itemFmtName: 'Title/Discussion/Motion', guid: 'ad9aacda-5100-4eef-9ead-c61e1ec0c285', maxCt: 0, \xe2\x80\xa6}\n4: …

我是 Vue 3 的新手，发现经常为 Vue 2 编写的示例与 Vue 3 不兼容。在这个问题中，我在文档github 站点上找不到任何有关 UUID 兼容性的信息。但假设与 Vue 3 一起安装的版本是正确的版本。

使用 npm 安装 Vue 3 后，我通过运行“vue create myProject”创建了一个新项目。Hello World 页面正确显示。然后使用“npm i vue-uuid”再次安装uuid，成功了。

我添加了 uuid 的 github 页面上描述的代码。出现有关“use”未知的错误，因此修改了 main.js 代码，如下所示。现在我收到一条错误，内容为“未捕获的类型错误：无法设置未定义的属性‘$uuid’”。

我迷失了并想知道为什么它必须如此困难？任何帮助，将不胜感激。

main.js

import { createApp } from 'vue'
import App from './App.vue'

//import Vue from "vue";
import UUID from "vue-uuid"

//Vue.use(UUID);

createApp(App).use(UUID).mount('#app')

应用程序Vue

<template>
  <div class="uuid-panel">
    <h3 class="uuid">{{ uuid }}</h3>
    <button class="button" @click="uuid = $uuid.v1()">Generate V1</button>
    <button class="button" @click="uuid = $uuid.v3()">Generate V3</button>
    <button class="button" …