0
点赞
收藏
分享

微信扫一扫

vue开篇

王老师说 2023-07-14 阅读 64

一、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:判断


举报

相关推荐

0 条评论