运行结果如下:
话不多说,直接开整:
<body>
<div id="app"><loginhtml></loginhtml></div>
<template id="loginhtml">
<div>
用户名:<input type="text" v-model='admin'>
<br>
密码:<input type="password" v-model='password'>
<br>
<button v-on:click='login'>登录 </button>
<br>
<h3>{{msg}}</h3>
</div>
</template>
<script>
let plugin = {}
plugin.install=function(Vue,options){
console.log(options)
Vue.prototype.llogin=function(ad,pa){
console.log("啦啦啦啦啦")
console.log(ad)
console.log(pa)
if(ad=="123456" && pa=="123")
{
return "登录成功"
}
return "密码或用户名错误"
}
}
Vue.use(plugin,{someoption:true})
//console.log(Vue.prototype.$llogin('asdf','dafs'))
Vue.component('loginhtml',{
template:'#loginhtml',
data(){
return{
admin:'',
password:'',
msg:''
}
},
methods:{
login(){
console.log("执行全局之前")
this.msg=this.llogin(this.admin,this.password)
console.log(this.password)
console.log("执行全局之后")
}
}
})
var vm = new Vue({
el:'#app',
})
</script>
</body>
谁还没有点初学者的艰难岁月呢?
We only need to be on ourselves own admantly.