煜火 - 博客园

2024年1月

摘要：有个原则监听谁,写谁的名字,然后是对应的执行函数,第一个参数为最新的改变值,第二个值为上一次改变的值,注意:除了监听data,也可以监听计算属性或者一个函数的计算结果启用深度监听对象 watch:{ a:{ handler:function(val,oldval){ }, deep:true } 阅读全文

posted @ 2024-01-04 15:27 煜火阅读(34) 评论(0) 推荐(0) 编辑

vue中watch、methods 和 computed 的区别?

摘要： 1、基本说明 1.1 computed：计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods： methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法阅读全文

posted @ 2024-01-03 14:41 煜火阅读(82) 评论(0) 推荐(0) 编辑

2023年12月

v-show 和 v-if 的共同点和不同点?

摘要： 1、相同点： v-show 和 v-if 都能控制元素的显示和隐藏。 2、不同点： 2.1）实现本质方法不同 v-show 本质就是通过设置 css 中的 display 设置为 none，控制隐藏 v-if 是动态的向 DOM 树内添加或者删除 DOM 元素 2.2）编译的区别 v-show 其实阅读全文

posted @ 2023-12-04 19:05 煜火阅读(62) 评论(0) 推荐(0) 编辑

Vue 常用的指令都有哪些？

摘要： 1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- 阅读全文

posted @ 2023-12-03 17:12 煜火阅读(26) 评论(0) 推荐(0) 编辑

2023年11月

指令 v-el 的作用是什么?

摘要：提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标，可以是 CSS 选择器，也可以是一个 HTMLElement 实例阅读全文

posted @ 2023-11-23 21:57 煜火阅读(72) 评论(0) 推荐(0) 编辑

Vue 常用的修饰符都有哪些？

摘要： .prevent: 提交事件不再重载页面； .stop: 阻止单击事件冒泡； .self: 当事件发生在该元素本身而不是子元素的时候会触发； .capture: 事件侦听，事件发生的时候会调用阅读全文

posted @ 2023-11-20 10:08 煜火阅读(7) 评论(0) 推荐(0) 编辑

Vue中跟 keep-alive 有关的生命周期是哪些？

摘要：在开发 Vue 项目的时候，大部分组件是没必要多次渲染的，所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态，避免重新渲染，在开发 Vue 项目的时候。生命周期函数：在被 keep-alive 包含的组件/路由中，会多出两个生命周期的钩子:activated 与 deact 阅读全文

posted @ 2023-11-19 10:50 煜火阅读(204) 评论(0) 推荐(0) 编辑

Vue 该如何实现组件缓存?

摘要：在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，vue 中有个动态组件的概念，它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化，切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状阅读全文

posted @ 2023-11-17 16:51 煜火阅读(66) 评论(0) 推荐(0) 编辑

Vue 中 slot 的使用方式，以及 slot 作用域插槽的作用？

摘要：使用方式组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置插槽作用域作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope 阅读全文

posted @ 2023-11-16 18:24 煜火阅读(31) 评论(0) 推荐(0) 编辑

Vue-cli 用自定义的组件有遇到过哪些问题？

摘要：在 components 目录新建你的组件文件（indexPage.vue）, script 一定要 export default {} 在需要用的页面（组件）中导入：import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co 阅读全文

posted @ 2023-11-15 10:12 煜火阅读(11) 评论(0) 推荐(0) 编辑