如何使用Vue框架引入外部静态JS文件？

本文共计731个文字，预计阅读时间需要3分钟。

由于一些演示需要，我们需要快速对编码命名等进行修改，并方便页面配置。对于构建后的Vue项目，其基本结构已无法直接看到，因此需要创建一个文件，在打包时不进行编译。使用vue-cli 2.0时，可以参考以下步骤：

由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。

vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、

具体操作如下：

1、在public文件夹下创建config.js文件，里面文件的语法是es5，不允许使用浏览器不能兼容的es6语法。因为该文件不进行编译，es6部分语法浏览器不兼容。

2.、在html文件下，使用<scrtipt>标签进入

3、在页面直接按照原生的方法使用即可。

例如config.js定义了一个变量叫config，并在index.html页面引入后，那么在页面任何一处地方都可以直接使用。