在控制台输入app.message='hollo vue',浏览器中显示内容会跟着变。
vue采用的是MVVM模式(Model、View、ViewModel),要求ViewModel层使用观察者模式实现数据的监听与绑定,以此做到数据与视图的快速响应。
使用v-model指令代替v-bind实现双向数据绑定。
其还可以添加数字修饰符v-model.number,过滤首尾空格v-model.trim,v-model.lazy表示内容发生变化,在失去焦点时触发。
鼠标按键修饰,例如@click.right。
系统修饰符,例如.ctrl、.alt、.shift。
事件修饰符,.stop阻止事件冒泡;.capture捕获模式,先触发外侧div事件,再触发内部div事件;.prevent阻止默认事件;.once使左边修饰符只生效一次,如.prevent.onc。
计算属性和方法求值运行的比较,计算属性可缓存多次调用只执行一次,这与方法求值不同。
Lint——检验代码格式工具的统称,具体有Eslint和Jslint等。
在Vue数据渲染完成之前,隐藏源代码(插值表达式),因为当快速刷新页面或者网速较慢时Vue不能立即渲染数据,v-cloak就是解决该问题的。
v-for遍历普通数组
遍历对象数组,区别上述普通数组的部分如下
遍历对象数组,区别上述普通数组的部分如下
class类名绑定,绑定类样式用:class,true表示启动样式,可以在视图层写true控制,或者如下边在M层控制