上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 38 下一页

2022年10月31日

数据绑定

摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 一。单向双向数据绑定 1.单向数据绑定:页面上输入内容(页面上展示数据) 不出传入到Vue控件里。 2.双向数据绑定:页面上输入内容(页面上展示数据,) 阅读全文

posted @ 2022-10-31 09:40 PLC学徒 阅读(126) 评论(0) 推荐(0)

数据代理

摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 数据代理:可以使用其他属性的属性值(通过vm来代理data对象中属性操作) 2.好处:方便操作data中数据 3.原理:通过Obj.definePrope 阅读全文

posted @ 2022-10-31 09:39 PLC学徒 阅读(50) 评论(0) 推荐(0)

天气案例(点击按钮可切换其他页面)

摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 1.需求:点击button标签,可以来回切换“炎热”,“寒冬” 两种写法: 插值 <h1>今日天气{{inhot ? '炎热' : '寒冬'}}</h1> 阅读全文

posted @ 2022-10-31 09:39 PLC学徒 阅读(70) 评论(0) 推荐(0)

姓名案例(插值语法)

摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- slice 截取长度(从第几位,到第几位) 第一种方法 插值语法:姓名:{{surname.slice(0,5 ) + '-' + lasname}} m 阅读全文

posted @ 2022-10-31 09:38 PLC学徒 阅读(75) 评论(0) 推荐(0)

深度监视(watch)

摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 1.深度监视: 1.vue中的watch默认不检测对象内部值的改变 2.配置deep:true可以监测对象内部值的改变 备注: 1.vue自身可以监测对象 阅读全文

posted @ 2022-10-31 09:38 PLC学徒 阅读(319) 评论(0) 推荐(0)

计算属性(computed)以及getset使用

摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="./vue.js"></script> <!-- 计算属性(computed) 定义:要用的 阅读全文

posted @ 2022-10-31 09:36 PLC学徒 阅读(217) 评论(0) 推荐(0)

键盘事件

摘要: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 键盘事件 1.常用按键: 回车-enter, 删除-delete(捕获 删除 、 退格) 退出-esc(不能使用) 空格-space 换行-tab(只能配 阅读全文

posted @ 2022-10-31 09:35 PLC学徒 阅读(98) 评论(0) 推荐(0)

2022年9月21日

Object.defineProperty()方法

摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1.Object_defineProperty()的使用 Object.defineProperty(对象名称,属性名称,添加的属性) 增删改查Obje 阅读全文

posted @ 2022-09-21 19:25 PLC学徒 阅读(56) 评论(0) 推荐(0)

Vue---数据绑定(v-model)

摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 一。单向双向数据绑定 1.单向数据绑定:页面上输入内容(页面上展示数据) 不出传入到Vue控件里。 2.双向数据绑定:页面上输入内容(页面上展示数据,) 阅读全文

posted @ 2022-09-21 19:24 PLC学徒 阅读(106) 评论(0) 推荐(0)

2022年9月19日

JS---初步使用Vue

摘要: 二。使用vue 1.想使用vue,必须创建一个vue实例,且要传入一个配置对象 2.root容器里的代码依然符合html中规范 3.root容器里的代码被称为【vue模板】 --> <body> <div id="root"> <h1>hello,{{name}}</h1> </div> <a hr 阅读全文

posted @ 2022-09-19 19:09 PLC学徒 阅读(113) 评论(0) 推荐(0)

上一页 1 ··· 7 8 9 10 11 12 13 14 15 ··· 38 下一页

导航