使用VSC从零开始Vue.js——备赛笔记——2024全国职业院校技能大赛“大数据应用开发”赛项——任务3：数据可视化

第058个

专栏目标

在vue和element UI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。

本文章目录

• • 专栏目标

<template> 
 <div> 
   <input ref='test' id="test"> 
   <button @click='diyfun'>Click</button> 
 </div> 
</template> 
<script> 
import {myfun} from '../js/test.js' //注意路径 
export default { 
 data () { 
  return { 
   testvalue: '' 
  } 
 }, 
 methods:{ 
   diyfun:function(){ 
     myfun(); 
   } 
 } 
} 
</script> 

test.js代码：

function myfun() { 
console.log('Success') 
} 
export { //很关键 
 myfun 
}