在做一個項目的時候,一些組件內公用的方法可以單獨提取出來做復用:
參考:https://www.jb51.net/article/115662.htm
簡單示例:
代碼:
const config = { title:'我是配置的標題', description:'我是配置的描述' } const configFun = function(data){ console.log(data,'我是配置里面的方法'); }; export {config,configFun}
具體使用:引入然后調用
還有一種形式:新建 common.js文件,寫入:
export default { required:function(){}, email:function(){}, }
在 main.js 里面引入
方式一:
import common from './util/common'
然后使用這個common.js
Vue.prototype.common = common;
在頁面中可以直接調用 common.js里面的方法:
@click="common.require()"
方式二:
import {required,email} from './util/common'
然后實例使用里面的方法
Vue.prototype.required = required;
Vue.prototype.email = email;
這樣在頁面中可以直接使用這個方法:
@click="require()"