一、MVVM:MODEL + VIEW + 视图模型
MODEL:当前视图中可用的数据
VIEW:渲染UI、HTML
二、MVC:MODEL + VIEW + CONTROLLER
三、创建一个VUE应用:
el --> element:页面中的元素
data:对象的属性,封装的数据(字符串、数组、数字、布尔 ...)
表达式 {{msg}} :输出数据
methods:方法
指令:扩展HTML标签
双项数据绑定:
v-model:用于表单(表单的value)
v-for:用于对数组或对象进行循环
item :当前遍历的对象
另外一种写法:
v:值 k:索引
对象和数组对象的遍历:
v:值 k:键
v-on:事件执行
修改data中的msg:
光标移入事件:
光标移出事件:
也可以将移入和移出加在一个按钮上:
双击事件:
v-on的简写@
v-show:显示/隐藏
v-if:判断