摘要：
一、事件处理 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号