一,代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js"></script>
</head>
<body>
<div id="app">
<my-component></my-component>
</div>
<template id="tmp">
<div>
<button v-on:click="login">登录<button>
<button >注册<button>
<p>{{msg}}</p>
</div>
</template>
<script>
//定义一个插件对象
let MyPlugin={}
MyPlugin.install=function(Vue,option){
Vue.component('my-component',{
template:'#tmp',
data(){
return{
msg:'',
}
},
methods:{
login(){
this.msg='登录成功'
}
}
})
}
Vue.use(MyPlugin,{someOption:true})
var vm=new Vue({
el:'#app'
})
</script>
</body>
<html>
二,运行截图