export function los() {
console.log('js外部调用')
这是common.js文件代码
vue组件调用：
import { los } from '../assets/js/common.js'
los()
vue引入外部js文件并调用其中的方法最近写vue项目，由于刚接触vue这个框架，所以在写代码的时候也是遇到了一些问题，比如本文所提到的引入js文件，话不多说直接上：这里是所引入的外部js文件的位置第一种引入方式：export default 方法（在main.js中引入）export default { los: function() { console.log('js外部被调用') }}这是common.js文件中的代码import los from '@/assets
本文实例讲述了Vue加载json文件的方法。分享给大家供大家参考，具体如下：
一、在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版)：
var appData = require('../address.json'); // 引入address.json文件
var apiRoutes = express.Router();
apiRoutes.get('/address',function (req,res) {
res.json({
errno:0,
data:appData
app.use('
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。
第一种操作 Dom引入js：
export default {
mounted() {
const s = document.createElement('script');
s.type = 'text/javascript';
s.src = '你的需要的js文件地址';
document.body.appendChild(s);
第二种使用 createElement 方法：
export default
1、vue-cli webpack全局引入jquery
(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)
(2)在webpack.base.conf.js里加入
相信大家看Vue项目肯定会看到各种导入导出,下面来介绍一下.
Vue 的模块机制
Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块，例如：
此外，你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置：
意思是，你的模块可以省略 “.js”，".vue"，“.json” 后缀，weebpack 会在之后自动添加上；可以用 “@” 符号代替 “src” 字符串等。
export 用来导出模块，Vue 的单文件组件通常需要导出
JavaScript ES6中export与export default使用指南
export 语句用于从模块中导出实时绑定的函数、对象或原始值，以便其他程序可以通过 import {foo, bar} from './util/index'引用
存在两种 exports 导出方式：
命名导出export function FunctionName(){...}（每个模块包含任意数量）
默认导出export default expression;（每个模块包含一个）
2、export
一个文件
export function HZRecorder(stream, config) {
config = config || {};
config.sampleBits = config.sampleBits || 16; //采样数位 8, 16
config.sampleRate = config.sampleRate || 16000; //采样率
es5风格代码的模块化
被调用的js文件需通过 module.exports = { function1.name , function2.name} 将方法设置为可以被调用的
在调用的js文件中通过 变量 = require(被调用js文件的路径) 引入被调用的文件，通过变量. 的方式引用对应的方法
es6风格代码的模块化 【2种方法】（es6风格的js文件不能直接被node.js执行，需要转换为es5风格的代码才能被执行）
被调用的js文件中需
可以通过以下步骤引入外部js文件并调用el-message：
1. 在Vue组件中的`<script>`标签中使用`import`语句引入外部js文件，例如：
import myJsFile from './myJsFile.js'
2. 在需要调用el-message的地方，使用`this.$message`即可调用，例如：
this.$message({
message: '这是一条消息',
type: 'success'
注意：如果外部js文件中也需要使用`this.$message`，则需要在Vue实例中先定义`message`属性，例如：
new Vue({
el: '#app',
message: Message,
