Vue预习篇（七）2、自定义指令

2、自定义指令
除了核心功能默认内置的指令（v-model和v-show），Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。
范例：输入框获取焦点

Vue.directive('focus', {
	inserted(el) {
		el.focus()
	}
})

使用，cource-add

<input v-focus>

范例：按钮权限控制

const role = 'user'
Vue.directive('permission', {
    inserted(el) {
        if(role !== 'admin') {
            el.parentElement.removeChild(el)
        }
    }
})

使用

<div class="toolbar" v-permission="admin"></div>