Vue.js 我可以调试mixin的导出/导入吗？_Vue.js

Vue.js 我可以调试mixin的导出/导入吗？

vue.js

Vue.js 我可以调试mixin的导出/导入吗？,vue.js,Vue.js,我是vue.js的新手，我正在尝试了解如何使用mixin。我想知道是否有可能创建没有标记/模板且只包含逻辑的组件。据我所知，这应该是可能的，这些组件被称为“mixin”：我正在使用路由器功能我现在正在尝试这个概念的各种基本原理，并创建了以下内容： listData1.vue，其中创建并导出列表的数据： <script> export default { name: "listData1", data() { return { list1: {

我是vue.js的新手，我正在尝试了解如何使用mixin。我想知道是否有可能创建没有标记/模板且只包含逻辑的组件。据我所知，这应该是可能的，这些组件被称为“mixin”：

我正在使用路由器功能

我现在正在尝试这个概念的各种基本原理，并创建了以下内容：

listData1.vue，其中创建并导出列表的数据：

<script>
export default {
  name: "listData1",
  data() {
    return {
      list1: {
        listData1A : "listData1A",
        listData1A : "listData1B",
        listData1A : "listData1C"
      }
    }
  }
}
</script>

然后将实际数据添加到使用v-for构建列表的组件中？虽然这会破坏我将数据与逻辑分离并将其注入标记的目标。

您需要将

listData1

设置为

listBuilder

中的mixin

<template>
  <div>
    <ul>
      <li v-for="element in list1" v-text="element"></li>
    </ul>
  </div>
</template>


<script>
import listData1 from "@/components/complexComponent2/listData1.vue"

export default{
  name: 'listBuilder',
  mixins: [listData1],
}

</script>

应该是：

listData1A : "listData1A",
listData1B : "listData1B",
listData1C : "listData1C"

除此之外，我在代码的语法级别上没有看到任何东西会阻止

mixin

和

v-for

工作

但是，

myComplexView2

正在导入

myComplexView2.vue

作为列表生成器，这让我感到困惑：

import listBuilder from "@/views/myComplexView2.vue"

我不知道这是否是您粘贴到SO时犯的错误。否则，问题可能就在这里，因为您需要导入

listBuilder

组件，而不是复杂视图。