内部命令
directives:{
正常模式
/* color:{
//当命令第一次被元素束缚时，bind函数启动
bind(El，binding ) {
el.style.color=binding.value；
(，
更新//DOM时触发update函数
udate(El，binding ) (
el.style.color=binding.value；
}
) /
简写模式 内容一样的话 比如 都是修改颜色
//内容如果命令内容全部相同，也可以是缩写
color(El，binding ) {
el.style.color=binding.value；
}
(，
template divid=' app ' PV-color=' red ' '自定义命令/p //引用内部命令PV-weight bold=' ' bold ' ' v-color=' ' red ' g directives : {/* color : {//指令第一次绑定到元素时触发bind函数bind(El，binding )。//DOM更新时更新update函数update(El } } *///内容如果命令内容相同，则以缩写形式输入color(El，binding ) ) { el.style.color=binding.value； (，)；/scriptstylelang=' less ' # app { font-family : avenir，Helvetica，Arial，sans-serif； WebKit-font-smoothing :安定力； - moz-OS x-font-smoothing : gray scale； 文本照明3360中心； color: #2c3e50； 边距-顶级： 60px； (}/style
全局指令是在main.js中添加 比如
Vue.directive('weightBold',function(el,binding){
el.style.fontWeight=binding.value;
})
就可以在组件中应用
p v-weightBold="'bold'" 全局指令字体变粗/p