vue引入第三方插件的方法

一、1.先npm install下载。

2.如果是全局引用，在main.js里面引用

import 'vue-layer-mobile/need/layer.css'
import layer from 'vue-layer-mobile'
Vue.use(layer)

3.如果在页面引用报 runtime-only等错误，用一下方法解决：

  ①在源文件下创建vue.config.js。

   ②在文件下添加如下内容：

   module.exports = {
      runtimeCompiler: true  
    };

4.完成。

二、
vue 引入第三方插件方法：

1⃣️： 如果是第三方 npm 模块文件

文件统一放入src/assets/js 文件夹下；

统一在main.js 内引入：
import parse from ‘./assets/js/plugin.js’
import ‘./assets/js/plugin.js’;

2⃣️：如果是第三方非 npm 模块文件

需要webpack.base.conf 配置，如引入swiper文件

externals: {
‘swiper’: ‘Swiper’
}

然后在index.html文件引入文件 <script src="static/swiper.js"
注意 ： 外部晚间放在src里是不能被index.html访问到的，必须放到static文件夹内
————————————————