摘要: v-bind 绑定元素和数据 语法糖: v-on 绑定事件 语法糖@ 阅读全文
posted @ 2022-03-26 16:22 HaoyuSun 阅读(14) 评论(0) 推荐(0)
摘要: 前置知识vue也实现了观察者模式,提供了订阅消息,发布消息,注销消息等方法。 $on(type, fn) 订阅消息方法 type:消息名称, fn:消息回调函数,参数是由$emit方法传递的。 $emit(type, ...args) 发布消息方法 type:消息名称, ...args:从第二个参数 阅读全文
posted @ 2022-03-26 16:09 HaoyuSun 阅读(370) 评论(0) 推荐(0)
摘要: 父组件向子组件通信:将父组件的数据,方法传递给子组件 1.在父组件模板中,为子组件元素传递数据 属性值默认时字符串,传递变量方法使用v-bind 命名规范字母小写- 2.子组件 props属性接收数据或方法 两种方式 属性值是 1.数组, 每一个成员代表一个接收的属性名称 或2.对象 k 接收的属性 阅读全文
posted @ 2022-03-26 15:54 HaoyuSun 阅读(67) 评论(0) 推荐(0)
摘要: 我们定义在data中定义的模型数据是固定不变的,我们想在获取数据的时候,动态改变数据,可以使用计算属性数据技术。 静态的数据定义在data属性中:定义的是什么数据,获取的就是什么数据 计算属性数据定义在comptued属性中:定义的是方法,获取的时候,会将执行的结果返回(是计算的) computed 阅读全文
posted @ 2022-03-26 15:07 HaoyuSun 阅读(232) 评论(0) 推荐(0)
摘要: 在模板中使用模型中数据 插值语法 :{{}} 提供一个真正的js环境 插值语法中js表达式为无法复用,想要复用 可以放在计算属性数据中 (多定义监听器,性能) 逻辑复杂:计算属性数据 逻辑简单js表达式 <!-- 视图 --> <div id="app"> <!-- 指令属性值不允许插值语法 --> 阅读全文
posted @ 2022-03-26 15:00 HaoyuSun 阅读(207) 评论(0) 推荐(0)
摘要: 选择器权重或样式表优先级 !important最大 行内式1000 id选择器 100 类与伪类 10 元素与伪元素 1 通配符选择器 继承的权重最小 关系选择器权重是选择器权重和 并集交集为选择器自身 当权重相同时就近原则,若都存在!important看权重 继承性 文字,文本相关,列表布局,表格 阅读全文
posted @ 2022-03-26 10:23 HaoyuSun 阅读(32) 评论(0) 推荐(0)
摘要: DTD document type define 文档类型定义 ,通过DOCTYPE声明,告诉浏览器用什么规范标签渲染 dtd有三大类七小类,html和xhtml中有严格定义类型,过渡定义类型,框架定义类型,以及html5 常见元素 文章类 h1-h6 &nbsp &gt &lt hr br str 阅读全文
posted @ 2022-03-26 09:33 HaoyuSun 阅读(22) 评论(0) 推荐(0)