![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
PiaohuiEr
为代码而生
展开
-
给ref对象赋值失去响应,解决办法
给 ref 对象赋值失去响应的解决办法原创 2023-02-13 22:06:05 · 1358 阅读 · 0 评论 -
虚拟 DOM 和 diff 算法
介绍是一个JavaScript对象,用来描述真实的DOM结构。如下图,有三个属性(1)sel标签名;(2)data属性信息;子元素对象。计算最小更新DOM的方式。将DOM抽象为虚拟DOM;然后通过新旧虚拟DOM这两个对象的差异(Diff算法);最终只把变化的部分重新渲染,提高渲染效率的过程。流程图其中包含patch函数、pachVnode函数、函数(未详细介绍)...............原创 2022-07-31 17:13:16 · 273 阅读 · 0 评论 -
vue指令和组件之间数据共享
发送方接收方2.2. 子向父传值(emit)发送方接收方2.3. 任意组件之间传值(emit、on)原创 2022-07-02 18:52:10 · 303 阅读 · 0 评论 -
Vuex(State Mutation Action Getter)
组件之间共享数据(3种情况)Vuex是什么State提供唯一的公共数据源,所有共享数据都同意放到Store的State中存储组件访问State中数据:第二种方式:1.vuex 按需导入 mapState 函数2.将全局数据,映射为当前组件的计算属性Mutation变更store中的数据触发mutation第一种方式:第二种方式:Action用于处理异步任务触发Action:第一种方法:第二种方法:Getter用于包装Store中的数据,不更改数据,getter随着st翻译 2022-06-27 17:00:42 · 120 阅读 · 0 评论 -
vue生命周期函数可以完成的操作
生命周期主要函数created ( )(1).调用次数:一次(2).可实现操作:组件已创建好,都!一般在该函数中。但是组建的模板结构尚未生成!。mounted ( )(1).调用次数:一次(2).可实现操作:已将内存html结构成功渲染到浏览器中,此时浏览器中已包含当前组件的DOM结构,此时。undated ( )(1).调用次数:n次(2).操作:由于数据更改导致的虚拟 DOM 重新渲染,在这之后会调用该函数。被调用时,组件 DOM 已经更新,所以可以。(3).区别于: $ nextT原创 2022-06-21 10:09:26 · 298 阅读 · 0 评论 -
vue+jquery请求读取本地json出现404
请求本地json :需要开服务vscode打开live serverjson文件路径改为原创 2022-05-29 22:00:11 · 385 阅读 · 0 评论 -
插值字符串{{}},模板字符串`${}`,属性命令v-bind:
插值字符串{{}}其中间可以放js表达式 如:{{ 变量 }}{{ 三元表达式 }}{{ 赋值表达式 }}模板字符串` ${}`其中\``就是模板字符串的表示(反引号),${}内部是放变量的const string = “我今年 ’ + age + ’ 岁”const string =` 我今年 ${age} 岁`属性命令v-bind:v-bind:style="这里写js代码" 如://{}代表js中的对象//这里是对象中的:(属性:属性值)v-bind:styl.原创 2022-05-12 16:54:45 · 521 阅读 · 0 评论