目标位置
1、如果封装的少 则放在main.js 文件
2、如果封装的多 则可放在 utils 新建 文件 以插件形式 封装 或 单独 在根目录下新建 directives 文件 在引入 main.js 文件
模板:
<span v-background='background'>全局自定义指令</span>
全局指令 全写形式
Vue.directive('background',{
bind(el,binding) {
el.style.background = binding.value
}
})
简写形式:
Vue.directive('background',function(el,binding) {
el.style.background = binding.value;
})