在Nuxt.js中使用vue-underscore

时间:2018-12-19 17:31:57

标签: vue.js nuxt.js

我目前正在重新处理我在VueJS for Nuxt中制作的应用程序,但是我遇到一个错误,因为我找不到很多关于堆栈框架的信息–我正在尝试使用vue-underscore在VueJS中,此方法运行良好,现在出现了此丢失的堆栈框架错误消息。

vue-underscore.js文件中,我这样设置下划线:

import Vue from 'vue'
import underscore from 'vue-underscore'

Vue.use(underscore)

我在组件中这样导入{_}

import {_} from 'vue-underscore';

错误消息在这里:

"use strict";
    __webpack_require__.r(__webpack_exports__);
    /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = 
    __webpack_require__(/*! vue */ "vue");
    /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = 
    /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
    /* harmony import */ var vue_underscore__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! vue-underscore */ "vue-underscore");
/* harmony import */ var vue_underscore__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(vue_underscore__WEBPACK_IMPORTED_MODULE_1__);
 vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(vue_underscore__WEBPACK_IMPORTED_MODULE_1___default.a); 

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

我有同样的问题。我们俩都不好用它!

我们总结一下。

  1. 添加存储库

npm install vue-underscore

OR

yarn add vue-underscore

  1. 创建一个名为plugins / underscore.js的文件
import Vue from 'vue'
import underscore from 'vue-underscore'
Vue.use(underscore)
  1. 将其添加到nuxtconfig.js文件

plugins: [{ src: '~/plugins/underscore', ssr: false }]

  1. 使用它
<script>
export default {
  name: 'MyComponent',
  mounted() {
    console.log(this.$_.range(2000, 2020))
  }
}
</script>