摘要:
一、事件处理 1、使用v-on:xxx 或xxx 绑定事件,其中xxx是事件名 2、methods中函数不能是箭头函数 3、@click="test" 和@click="test($event)"一样,后者能传参 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2024-12-27 22:25
市丸银
阅读(20)
评论(0)
推荐(0)
摘要:
1、概念 通过vm对象来代理data对象中属性的操作(读/写) 2、好处 更方便操作data中的数据 3、基本原理 通过Object.defineProperty()把data中的属性添加到vm中 为每一个添加到vm上的属性,都指定一个getter/setter 在gettter/setter内部去 阅读全文
posted @ 2024-12-27 21:12
市丸银
阅读(15)
评论(0)
推荐(0)
摘要:
MVVM模型 M:模型(Model),data中的数据 V:视图(View),模板代码 VM:视图模型(ViewModel):Vue实例化 1、data中的所有属性都出现在vm对象身上 2、vm身上的所有属性及Vue原型的所有属性,在Vue模板中可以直接使用 <!DOCTYPE html> <htm 阅读全文
posted @ 2024-12-27 20:30
市丸银
阅读(10)
评论(0)
推荐(0)
摘要:
一、el 1、实例化Vue对象时,写在内部 2、实例化Vue对象后,挂载容器 对象.$mount(id选择器) 二、data 1、对象式 2、函数式 注意:写成一般函数(一般函数在对象中可简写),不能写成箭头函数 案例 <!DOCTYPE html> <html lang="en"> <head> 阅读全文
posted @ 2024-12-27 10:31
市丸银
阅读(12)
评论(0)
推荐(0)
摘要:
一、单向数据绑定 数据从data流向页面 v-bind:标签属性,简写 :标签属性 二、双向数据绑定 数据不仅能从data流向页面,也能从页面流向data 注意:只能用于含vaule属性的标签 v-model:value,简写v-model: 案例 <!DOCTYPE html> <html lan 阅读全文
posted @ 2024-12-27 09:59
市丸银
阅读(6)
评论(0)
推荐(0)
摘要:
一、插值语法 功能:解析标签体内容 写法:{{xxx }},xxx可获得值,数据在实例化 Vue data属性中 二、指令语法 功能:解析标签(标签属性、标签内容、绑定时间) 写法:v-bind:标签属性,绑定标签属性,可以简写成 :标签属性 案例 <!DOCTYPE html> <html lan 阅读全文
posted @ 2024-12-27 09:31
市丸银
阅读(7)
评论(0)
推荐(0)
摘要:
一、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文
posted @ 2024-12-27 09:15
市丸银
阅读(12)
评论(0)
推荐(0)
摘要:
一、下载 js包 二、引用js包 <!--引用Vue包--> <script type="text/javascript" src="../js/vue.js"></script> 三、安装Vue Devtools 1、下载链接:链接:https://pan.baidu.com/s/1tKqpbZM 阅读全文
posted @ 2024-12-27 08:33
市丸银
阅读(15)
评论(0)
推荐(0)

浙公网安备 33010602011771号