Vue引入外部js变量和方法

外部js文件//定义变量或常量const name ='张三'//定义方法testfunction test () {const text="Hello World"alert(text)}//导出设置使得Vue可引入，关键export {test,name}Vue组件<template><div>{{name}}<button @click='handle'>

m0_49471668

2950人浏览 · 2021-12-02 13:58:46

m0_49471668 · 2021-12-02 13:58:46 发布

外部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>