Vue学习笔记day01

MVC开发模式

前端MVVM开发模式

指令

v-clock 插值表达式 有闪烁问题 用display： none；解决
v-text=“msg” 会覆盖当前值
v-html=“msg” 将文本解析为html语言
v-bind 是vue中提供用于绑定属性的指令 v-bind：属性 简写为 ： 只能实现数据的单向绑定，从M绑定到V
v-on 是vue提供的事件绑定机制 缩写是 @
v-model 可以实现表单元素和model中数据的双向绑定，只能用在表单元素中，如
input text select等，双向数据绑定就是改变M层的值V层的值会改变，改变v层的值M层的值也会改变并且刷新到每一个绑定了这个数据的元素中
v-for 循环遍历普通数组，对象数组，对象以及数字，在当前使用vue时，必须指定key的值，并且v-for默认获取的为String或number类型的值，且在指定key值时必须绑定v-bind：，key值保证数据的唯一性


v-if与v-show的区别

小知识

el 绑定标签
data 保存数据
methods 保存方法
箭头函数解决this指向问题，解决函数内部this指向，使其指向外部的this函数
()=>{ }
swich(){
case:
case:
}

vue中使用class样式的四种方法

在vue中使用内联样式

事件修饰符

.stop 阻止事件冒泡
.prevent 阻止默认行为
.capture 实现捕获触发事件的机制
.self 只有点击当前元素时才会触发点击事件
.once 只触发一次事件处理函数