外部js文件
//定义变量或常量
const name ='张三'
//定义方法test
function test () {
const text="Hello World"
alert(text)
}
//导出设置使得Vue可引入,关键
export {
test,
name
}
Vue组件
<template>
<div>
{{name}}
<button @click='handle'>点击</button>
</div>
</template>
<script>
import { name, test } from '../assets/js/config.js' // 引入变量和方法
export default {
data () {
return {
name // 直接引用变量
}
},
methods: {
handle () {
test() // 直接引用方法
}
}
}
</script>