为vue添加公用方法,vue添加通用方法
common.js
var common =function() {
return{
f1:function(){
console.log("this is common f1().");
},
f2:function(){
console.log(" out vist f222222().");
},
// 小写转大写
toUppercase:function(o,parName){
if(o && o[parName]){
o[parName] = o[parName].toUpperCase();
}
}
}}();
if(typeof(Vue)=="function")Vue.prototype.common=common;
html页
<html>
<head>
<meta charset="UTF-8">
<script src="https://vuejs.org/js/vue.min.js"></script>
<script src="common.js"></script>
</head>
<body>
<div id="app">
<br>username:<input type="text" @keyup="common.toUppercase(v1,'username')" v-model="username" >
{{username}}
<br>userobj:<input type="text" @keyup="common.toUppercase(userobj,'usernameEN')" v-model="userobj.usernameEN" >
</div>
</body>
</html>
<script>
var v1=new Vue({
el: '#app',
data: {
username:"",
userobj:{usernameEN:""}
},
created:function(){
this.common.f1();
}
,methods:{
testf2:function(){
//this.common.f2();
}
}
})
//在vue外面也可以调用
common.f1();
common.f2();
</script>
分割线
另外一种方法
/************************************************************************************************************/
1.在static文件夹下,新建js文件夹,创建common.js
export default {
text(){
console.log("测试,测试!!!")
}
}
2.在main.js中引入
/* 引入公共js*/
import common from '../static/js/common.js'
Vue.prototype.common=common;
3.在vue中使用
this.common.text(); //测试,测试!!!