相关疑难解决方法(0)

如何在Vue 2中设置组件非反应数据?

我有一个类别数组,它被加载一次(在创建的钩子中),然后它一直是静态的.我在组件模板中渲染此数组值.

<template>
    <ul>
        <li v-for="item in myArray">{{ item }}</li>
    </ul>
</template>
Run Code Online (Sandbox Code Playgroud)

我的数据属性看起来(它不包括myArray - 我不想要反应绑定):

data() {
    return {
        someReactiveData: [1, 2, 3]
    };
}
Run Code Online (Sandbox Code Playgroud)

我的创建钩子:

created() {
    // ...
    this.myArray = ["value 1", "value 2"];
    // ...
}
Run Code Online (Sandbox Code Playgroud)

问题是,Vue抛出错误 - 我无法在模板中使用myArray,因为在创建DOM时不会创建此变量 - 已挂载.

那怎么做?或者在哪里可以存储组件常量?

javascript components vue.js vuejs2

22
推荐指数
4
解决办法
1万
查看次数

标签 统计

components ×1

javascript ×1

vue.js ×1

vuejs2 ×1