html代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>插件</title>
</head>
<body>
<div id="test">
<p v-my-directive='msg'></p>
</div>
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/vue-myPlugin.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
Vue.use(MyPlugin)
Vue.myGlobalMethod()
const vm=new Vue({
el:'#test',
data:{
msg:'I liKe EaT'
}
})
vm.$myMethod()
</script>
</body>
</html>
插件代码如下
(function(){
const MyPlugin={}
MyPlugin.install = function (Vue, options) {
// 1. 添加全局方法或属性
Vue.myGlobalMethod = function () {
console.log("执行了myGlobalMethod方法")
}
// 2. 添加全局资源
Vue.directive('my-directive',function(el,binding){
el.textContent = binding.value.toLowerCase()
})
// 3. 注入组件选项
// Vue.mixin({
// created: function () {
// // 逻辑...
// }
// ...
// })
// 4. 添加实例方法
Vue.prototype.$myMethod = function(){
console.log("执行了$myMethod实例方法")
}
}
//向外暴露
window.MyPlugin=MyPlugin
})
``
都是照着网课老师的代码敲得,不知道哪里出错了一直提示
Uncaught ReferenceError: MyPlugin is not defined
求问各路大佬怎么解决