- 博客(19)
- 收藏
- 关注
原创 Vue 的 style 加了 scoped 也会样式冲突?
最近在看一篇微前端的文章的时候,看到了这么一个评论,瞬间引起了我的求知欲,这个评论是这样的可能有些人不知道微前端是啥,也不知道 主应用 和 子应用 是啥,我画一个图给大加简单展示一下吧:在这里再说一下 vue 文件的 scoped style 是怎么做到样式隔离的,其实就是 vue解析器 在解析 vue 文件的时候,会通过内部的一种计算方法(怎么算的后面会说),给每一个 vue 文件的 html 标签加上 data-v-xxx 这样的属性,接着通过 属性选择器 ,来进行样式隔离,也叫样式模块化。
2024-03-22 09:03:37
379
1
原创 vue双向绑定原理
其次vue通过发布订阅者模式,维护了一个订阅者数组,当数据发生改变时,vue会通知所有订阅者进行更新,因此当用户在页面上进行修改时。Vue会更新对应的数据,并通知所有订阅者更新视图,同时当数据发生变化时,Vue也会更新对应视图,通过这样的机制,Vue实现了双向绑定。每一个挂载到视图上的组件或者每一个watcher都可以被看作是一个订阅者,他们订阅了某一个数据的变化,并等待数据发生变化时进行更新,订阅者是Vue实现双向数据绑定的关键组成部分。(1) 定义: 数据变化视图会自动更新,视图变化数据也会更新。
2023-05-16 20:34:07
152
原创 Property “Delete“ was accessed during render but is not defined on instance.
今天在用element-plus 开发的时候,遇到控制台的一个警告。虽然页面正常显示,但是图标不显示,并且全局安装不生效,
2023-03-14 19:55:11
812
2
原创 Vue input输入框 @change、@input和@blur的区别以及什么是@keyup
@change、@input、@blur事件@change
2023-02-24 23:50:47
1832
原创 3,在vue2中给一个对象添加属性元素时,想让添加的元素变成响应式时,可以用 this.$set 方法
【代码】3,在vue2中给一个对象添加属性元素时,想让添加的元素变成响应式时,可以用 this.$set 方法。
2023-02-24 23:38:45
563
原创 ,在elementui 中 列表中需要添加图片 不能在字段中直接写图片字段 ,这样写图片加载不出来。加载出来的只是一段url,这里要用作用域插槽,作用域插槽的数据来源于父亲,子组件决定不了数据和外观
【代码】,在elementui 中 列表中需要添加图片 不能在字段中直接写图片字段 ,这样写图片加载不出来。加载出来的只是一段url,这里要用作用域插槽,作用域插槽的数据来源于父亲,子组件决定不了数据和外观。
2023-02-24 23:34:53
136
原创 Vue2在生命周期钩子 mounted中请求数据 数据只会加载一次,如果别的组件或则分页想要数据,数据会请求不到
解决办法:数据请求写道方法里面,函数调用写到mounted 钩子里面。
2023-02-24 23:34:45
939
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人