![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 72
饮尽夏日
这个作者很懒,什么都没留下…
展开
-
Vue-05
缓存特性:计算属性会对计算出来的结果缓存,再次使用直接读取缓存,依赖项变化了,会自动重新计算→并再次缓存。(防抖:延迟执行 → 干啥先等一等,延迟一会,一段时间内没有再次触发才执行)// 计算属性函数内部,可以直接通过this访问到app实例。作用:监视数据变化,执行一些业务逻辑或异步逻辑。作用:封装了一段对于数据的处理,求得一个结果。作用:给实例提供一个方法,调用以处理业务逻辑。方法更加侧重于给实例提供一个可调用的方法。// 基于现有的数据,编写求值逻辑。计算属性更加侧重于对数据的处理。原创 2024-04-01 19:17:37 · 580 阅读 · 0 评论 -
Vue-04
"指明一些指令后缀,不同后缀封装了不同的处理操作 → 简化代码。,这个时候按enter键也能实现添加,和点击按钮实现的效果相同。字母之类的内容是不能转为数字的(Abc,nan等)。为了方便开发者进行样式控制,Vue扩展了。以下代码也是按回车键触发,实际上,使用。适用场景:一个类名,来回切换。适用场景:批量添加或删除类。, 那么键盘是实时触发的。v-model修饰符。原创 2024-03-05 21:01:01 · 433 阅读 · 0 评论 -
Vue-03
接下来,开始实现删除功能(数据驱动),本质上就是要删除数组里面的对应项,实现此功能有两种思路,一个是根据 index 删除,另一个是根据 id 删除。而加入 key 之后,key 的作用在于:给元素添加的唯一标识,便于 Vue 进行列表项的正确排序复用。实现的效果如下图所示,在第一张照片上。作用:给表单元素使用,双向数据绑定 → 可以快速获取或设置表单元素内容。(数组、对象、数组…然后来实现添加功能,此功能分为两个核心步骤。上述代码还有一点小瑕疵,为进一步完善,在。其次,注册点击事件,实现删除功能。原创 2024-03-01 14:35:02 · 816 阅读 · 0 评论 -
Vue-02
因为这里的 isShow ( console 语句后面的 isShow )是全局变量,而代码中没有定义过一个叫 isShow 的全局变量。为了使代码的可维护性更高,vue让提供的methods中的所有函数,this指向当前实例。,此插件可以帮助更新信息,而不通过控制台更新,更方便调试。注:安装插件后,记得在插件点击详情,允许文件访问网址。但这种方式,一旦实例名改变,比如实例名变成了app2,Vue 会根据不同的指令,针对标签实现不同的功能。场景:要么显示,要么隐藏,不频繁切换的场景。原创 2024-02-29 21:18:07 · 1270 阅读 · 0 评论 -
Vue-01
作用:利用表达式进行插值,渲染到页面中。如果想访问data中的数据,使用。如果想修改data中的数据,使用。- 支持的是表达式而非语句。- 不能在标签属性中使用。- 使用的数据必须存在。原创 2024-02-27 18:01:12 · 290 阅读 · 0 评论