Vue入门学习笔记【基本概念、对象、过滤器、指(2)

* html标签属性是不支持表达式的, 就可以使用v-bind
        * 可以缩写为:  :id='name'
        * :class
          * :class="a"
                * :class="{classA : isA, classB : isB}"
                * :class="[classA, classB]"
        * :style
                :style="{color : color}"

v-model

* 双向数据绑定
        * 自动收集用户输入数据

ref : 标识某个标签

* ref='xxx'
        * 读取得到标签对象: this.$refs.xxx

8. 自定义指令

1). 注册全局指令

Vue.directive('my-directive', function(el, binding){ el.innerHTML = binding.value.toUpperCase() })

2). 注册局部指令

directives : { 'my-directive' : function(el, binding) { el.innerHTML = binding.value.toUpperCase() } }

3). 使用指令

<div v-my-directive='xxx'>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/55422becfbbd9bd015789a5f6033336b.html