原创  nuxtjs 添加vue 组件 以 v-viewer 为例

分类:前端 2020-07-18T15:18:16    111人阅读   

安装组件:

npm install v-viewer

在plugins 目录下新建 viewer.js,代码如下 (plugins\viewer.js)

import Vue from 'vue'
import Viewer from 'v-viewer'
Vue.use(Viewer)

在nuxt.cinfig.js中引入插件

module.exports = {
  router: {
    /**
     * 配置路由激活时的导航链接的样式类名
     */
    linkActiveClass: 'active'
  },css: [
    // 项目里要用的 CSS 文件
    '@/assets/css/main.css',
    '@/assets/css/bootstrapV4.css',
    'viewerjs/dist/viewer.css'
  ],modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
],
proxy: [
],plugins: [{
  src: '~plugins/viewer',
  ssr: true,
}]
}

这样就全局引入了v-viewer组件


点击广告?(赏赐笔者)