vue组件引用外部js的方法
2019-07-10 13:40
197 查看
项目结构如图:
content组件代码:
<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 }
用到了es6的语法。
相关文章推荐
- Vue.js组件间的循环引用方法示例
- vue.js中父组件调用子组件的内部方法示例
- Vue.js路由组件vue-router使用方法详解
- Vue.js 中,7种定义组件模板的方法 | Codementor
- Vue.js自定义事件的表单输入组件方法
- Vue项目中引入外部文件的方法(css、js、less)
- webpack+vue-cli项目中引入外部非模块格式js的方法
- 引用外部CSS和JS的方法
- vue 中引用gojs绘制E-R图的方法示例
- 外部js调用vue的methods中的方法
- 如果页面引用了外部JS代码,会被IE缓存的解决方法
- Vue.js 中,7种定义组件模板的方法
- 说说如何在Vue.js中实现数字输入组件的方法
- html-jquery/js引用外部图片时遇到看不了或出现403情况解决方法
- Vue.js划分组件的方法
- 使用vue.js在页面内组件监听scroll事件的方法
- Vue.js 中,7种定义组件模板的方法
- vue项目遇到的坑(vue项目中的某个组件调用外部js)
- Vue.js由于延时显示了{{message}}引用界面解决方法
- 在不使用全部vuejs框架,只在html中引用vue.js时,在main.js中调用其他js方法