Vue.directive('demo', {
bind: function (el, binding, vnode) {
var s = JSON.stringify
el.innerHTML =
'name: ' + s(binding.name) + '<br>' +
'value: ' + s(binding.value) + '<br>' +
'expression: ' + s(binding.expression) + '<br>' +
'argument: ' + s(binding.arg) + '<br>' +
'modifiers: ' + s(binding.modifiers) + '<br>' +
'vnode keys: ' + Object.keys(vnode).join(', ')
}
})
<template>
<div >
<h3>自定義指令測試</h3>
<div id="hook-arguments-example" v-demo:foo.a.b="message"></div>
</div>
</template>
<script>
//import Vue from 'vue'
export default{
components: {
},
data() {
return {
message: 'hello'
}
},
methods:{
},
created(){
},
computed: {
},
watch: {
}
}
</script>
<style >
</style>