vue
红衣大叔
分享技术和心得
展开
-
vue记录:nextTick应用时机
是在 Vue 的数据变化被应用到 DOM 之后,但在浏览器渲染这些变化之前的一个“钩子点”。它允许你在这个关键点执行代码,从而确保你的操作基于最新的 DOM 状态。是 Vue.js 提供的一个方法,主要用于在下次 DOM 更新循环结束之后执行延迟回调。原创 2024-06-18 10:57:56 · 299 阅读 · 0 评论 -
vue记录:nextTick
nextTick是 Vue.js 中的一个核心功能,用于在 DOM 更新完成后执行延迟回调。这在 Vue 的响应式系统中非常有用,因为当数据变化时,Vue 并不立即更新 DOM,而是等待一个“tick”(或者叫“微任务”)来批量更新。然而,在某些情况下,你可能希望在 DOM 更新后立即执行某些操作,这时nextTick就派上了用场。原创 2024-06-18 08:40:58 · 650 阅读 · 0 评论 -
vue 运行npm run serve 报错error:03000086:digital envelope routines::initialization error
【代码】vue 运行npm run serve 报错error:03000086:digital envelope routines::initialization error。原创 2023-02-12 00:03:13 · 140 阅读 · 0 评论 -
重温vue写hello world
再简单的东西也得手敲敲,练练手,省的生锈。原创 2022-10-30 17:21:40 · 530 阅读 · 0 评论 -
vue入门:sytle绑定
v-bind:style是对属性绑定的扩展,支持三目表达式、对象、数组三目表达式v-bind:style="'background'+isRed?'red':'gree'"isRed:true对象v-bind:style="styleObj"styleObj:{ backgroundColor:'red' }数组v-bind:style="styleArray'styleArray:[]styleArray.push({backgroundColor:'red'});原创 2022-02-05 12:05:58 · 252 阅读 · 0 评论 -
vue入门:v-bind:class
v-bind:class 对普通属性绑定进行扩展,普通属性绑定只支持表达式。扩展为支持三目表达式、对象、数组三目表达式支持单个class是否添加的控制如v-bind:class="isRed?'red':''"对象支持多个class 同时控制例如v-bind:class="classObj"classObj:{ red:true, green:false, blue:true}数组实现动态添加、删除classv-bind:class="classArray"classA原创 2022-02-05 11:34:33 · 1143 阅读 · 0 评论 -
vue入门:模板语法
vue的模板语法包括:文本、属性、html语法、事件文本使用双大括号,双大括号内可以放表达式{{表达式}} //表达式为常量、变量(状态)、运算符等的组合属性动态修改html的属性,通过v-bind:+属性名实现v-bind:属性名="表达式"html语法通过v-html=“表达式”,实现对html语法的动态渲染事件支持事件 并支持修饰符功能,例如v-on:click:prevent="方法名"...原创 2022-02-05 11:13:14 · 473 阅读 · 0 评论