import Vue from "vue";
// import App from "./App.vue";
Vue.config.productionTip = false;
Vue.directive('y', {
inserted: function(el) {
el.addEventListener('click', ()=>{console.log('y')})
}
})
new Vue({
directives: {
on2: {
inserted(el, info) {
el.addEventListener(info.arg, info.value)
},
unbind(el, info) { // 調(diào)用結(jié)束后,解除監(jiān)聽
el.removeEventListener(info.arg, info.value)
}
}
},
methods: {
hi() {
console.log('hi')
}
},
template: `
<button v-on2:click='hi'>點我</button>
`,
// render: h => h(App)
}).$mount("#app");
手寫 v-on (運用 directive, 簡化版的 v-on)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關(guān)閱讀更多精彩內(nèi)容
- Tomcat作為Web服務器深受市場歡迎,有必要對其進行深入的研究。在工作中,我們經(jīng)常會把寫好的代碼打包放在Tom...
- EventBus相信很多人都很熟悉,雖然現(xiàn)在谷歌官方出了JetPack來替代,但EventBus的一些設(shè)計思路還是...
- 這是上一篇里提到的整理了維基百科上思維偏誤的那位Buster Bensen又把那個清單再度濃縮的一篇文章。可以隨時...
- 嗯,這里實現(xiàn)了手勢密碼的布局,與點擊的實現(xiàn),因為是沒有密碼的簡化版所以使用的方法比較簡單。好了,廢話不多說,現(xiàn)在就...
- MongoDB免安裝版配置 1. 下載軟件 https://www.mongodb.com/ 2. 環(huán)境變量配置 ...