vue公共的js放哪里，vue中使用js

vue引入js文件有哪几种方法

目前项目有个需求就是，在vue页面中引入额外的config.js。

在Vue项目中引入另一个JS项目：在Vue项目的入口文件（如main.js）中，使用import语句引入另一个JS项目的入口文件或模块。

在开发环境中，我在public下创建了config.js文件，并且用export default方法进行导出。在页面使用的地方使用import config from XXX进入引入。开发过程中，没有出问题，但是在打包发布以后，发现修改config文件并不生效。

相关问答

Q1: Vue如何引入外链css和js

vue引入js文件的方法有三种分别是：在vue-cli webpack全局中引入jquery，通过vue组件来引入js文件，通过单vue页面引用内部js文件。

步骤：首先。我们要改造我们要映入的外部js文件，改成下面这个格式。

Vue 的 createElement 方法，简单的封装一个组件解决问题。

按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份，不会额外的复制多个.CSS规则的前面；@import规则条件规则组中。

Q2: vuejs怎么在服务器部署

确保你的BOA服务器上已经安装了Node.js和npm。你可以使用以下命令验证安装：```bash node --version npm --version ```如果它们没有显示版本号，则需要先安装Node.js和npm。 在本地构建Vue应用程序。

跨域 在服务器配置站点：在路径/home/www/下创建test项目文件夹，用来放项目文件。

打开开始菜单远程桌面连接，或在开始菜单搜索中输入mstsc。也可以使用快捷键Win+R来启动运行窗口，输入mstsc后回车启动远程桌面连接。在远程桌面连接对话框中，输入实例的公网IP地址。单击显示选项。

既然提到了部署，默认的部署使用 npm/cnpm 进行，如下命令，输出内容在 /dist 目录。可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。

我这边是这样子的。主要是一个主要的 build.js， 因为我们的 index.html 引入的就是这个 js 文件。还有一些图片文件和 ElementUI 生成的 ttf 和 woff。如何放到服务器中。

Q3: vue工具类放哪里

1、推荐在components中存放组件，另外单独新建一个page文件夹，专门用来放完整页面。

2、可只能放到public文件夹下的静态资源img和js还是不是自动复制到static文件夹。解决办法：很简单，因为任何放置在 public 文件夹的静态资源都会被简单的复制，所以将静态资源img和js放到public文件夹下的static文件夹即可。

3、这个取决于你vue.config.js中publicPath的配置，默认的是/。assets放自己写的css、js文件，后期可能会改的文件 如：自己写的一些js，css样式 assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。

4、您要问的是vuemethods怎么引用util吗？使用相对路径。根据查询CSDN官网显示，vuemethods可以通过相对路径引用util，但需要是自己写的工具类框架封装。

5、在app.vue文件中，vue是单页面的，通过切换路由显示那一个模块的页面，因而顶级body是在app.vue中的。

关于vue公共的js放哪里和vue中使用js的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。