数据绑定
摘要：
<!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)
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)
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)
浙公网安备 33010602011771号