打开链接，退出链接
摘要：
阅读全文
posted @ 2022-10-31 09:58
10 2022 档案
获取CSS样式并判断CSS样式
摘要：需求：鼠标移入删除按钮，无法编辑他人工时，编辑按钮应置灰展示 如下图： 1.使用两个方法 Item：get Css Value（获取css样式方法） Object 填写要获取的元素（“编辑”） input（按f12检查该条元素写的背景色）注意看自己要获取的是什么样的css方法 Output(取个变量
阅读全文
posted @ 2022-10-31 09:56
事件使用·
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../vue/vue.js"> </script> <div id="root"> <button v-on:click="showInf
阅读全文
posted @ 2022-10-31 09:41
事件修饰符
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #passive{ width: 100px; height: 100px; background-color: #00FFFF; overflow
阅读全文
posted @ 2022-10-31 09:40
数据绑定
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 一。单向双向数据绑定 1.单向数据绑定：页面上输入内容（页面上展示数据） 不出传入到Vue控件里。 2.双向数据绑定：页面上输入内容（页面上展示数据，）
阅读全文
posted @ 2022-10-31 09:40
数据代理
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 数据代理：可以使用其他属性的属性值(通过vm来代理data对象中属性操作) 2.好处：方便操作data中数据 3.原理：通过Obj.definePrope
阅读全文
posted @ 2022-10-31 09:39
天气案例（点击按钮可切换其他页面）
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 1.需求:点击button标签，可以来回切换“炎热”，“寒冬” 两种写法： 插值 <h1>今日天气{{inhot ? '炎热' : '寒冬'}}</h1>
阅读全文
posted @ 2022-10-31 09:39
姓名案例（插值语法）
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- slice 截取长度（从第几位，到第几位） 第一种方法 插值语法：姓名：{{surname.slice(0,5 ) + '-' + lasname}} m
阅读全文
posted @ 2022-10-31 09:38
深度监视（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
计算属性（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
键盘事件
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 键盘事件 1.常用按键： 回车-enter， 删除-delete（捕获 删除 、 退格） 退出-esc（不能使用） 空格-space 换行-tab（只能配
阅读全文
posted @ 2022-10-31 09:35
