- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue路由守卫
next() 可以跳转 next('url')跳转到指定地址 false不允许跳转。to 要去的路由地址。from从哪个地址来。2.全局后置路由守卫。1.全局前置路由守卫。
2023-04-26 00:52:11
86
原创 vue-组件通信（部分）后续更新
在父组件中使用子组件标签时 使用 v-on:事件名 = 处理函数fn 在methods中声明 fn 形参 就是传递的参数。在子组件中 使用$emit(‘事件名’,'要传递的参数1','要传递的参数2'...)注册这个事件。接收数据的组件 使用 bus.$on(事件名，回调函数) 回调函数 的形参就是 接收到的值。在子组件中使用props[传递的值]，子组件中不建议修改 接受到的 props 的值。在父组件中的子组件标签上添加v-bind传递的字段名 =传递的值。首先在子组件中声名这个事件。
2023-04-19 21:42:56
38
原创 Vue中computed 和watch的区别
计算属性是基于他们的响应式依赖进行缓存的。就是当计算属性依赖的值发生改变时，整个就会进行重新计算并返回一个新的值，如果不会发生改变，计算属性就会使用之前缓存的值。watch是用来监听数据的变化的，普通的watch方法无法监听到对象内部的值是否发生改变这时候就应该使用deep属性进行深度监听了。多个对象或者变量进行处理后返回一个值，也就是多个变量中某一个值发生变化，则我们监控的值也会发生变化。不同：计算属性是基于他们的依赖进行缓存的，computed里面有return所以不能写异步代码。
2023-04-19 20:43:40
37
原创 Vue $nextTick
比如： this.arr.push(4) v-for循环的li会增加一个，此时获得ul的高度并不会获得最新的，但是通过这个回调函数，我们可以获得最新的dom元素的高度。或者创建swiper由于数据都来自于接口，是异步的，所以在回调函数中创建newswiper才能保证轮播图的正常运行。在vue中数据变化和视图更新是异步的，所以当数据发生改变时，我们并不会获得最新的dom，但是再修改数据后，立即使用$nextTick回调函数，可以获得更新后的dom。
2023-04-19 19:44:03
37
原创 Vue 中 key的作用
首先，vue使用虚拟dom进行渲染时，为了提高效率和性能会选择性的复用一些元素，加上key值之后，可以让虚拟dom进行复用时，进行区分，复用的元素因为key值的不同不会进行重复使用，避免bug。比如：使用v-for循环进行渲染时，翻页过程中li会被复用，里面的input也会被复用里面的value值翻页的时候还会重复存在。
2023-04-19 19:31:31
40
原创 vue-router3路由配置一 路由搭建
router-link tag=" 标签" active-class="一个属性 （确定划过改变css）" to="引入目录 之前import 名字 "> +应用的名字+ +应用的名字+如果需要添加子路由 在当前页面配置
2023-04-12 21:23:56
488
1
原创 vue的指令介绍
作用： 根据条件渲染元素，v-if 可以跟 v-else-if 和 v-else 配合使用。@事件名=" 事件名(实参,$event) "语法： v-if="布尔值" 加判断条件 符合执行 不符合接下一判断.@keydown.enter="事件方法"@事件名.prevent="事件方法"@事件名=" js代码 "@事件名.stop="事件方法"@事件名=" 事件名 "语法: v-model="data属性"语法: v-on:事件名="事件方法"简写语法: :属性名 = “属性值”
2023-04-12 20:44:42
42
1
原创 Vue 生命周期
Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从创建前，创建完成，更新前，更新完成，挂载前，挂载完成，销毁前，销毁完成等⼀系列过程，称这是Vue的⽣命周期。
2023-04-12 19:58:44
51
1
原创 Vue的计算属性computed
对于任何复杂逻辑，你都应当使用计算属性。methods与computed两个方法有很多相似之处，但是computed这个属性更加优化；computed是一个计算属性和methods一样可以存放函数 ，前者计算属性会进行缓存, 多次调用里面的函数, 只会计算一次, 而后者不会进行缓存, 多次调用的话, 会计算多次，前者可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回结果。所以在插值表达式中有过于复杂的运算，就可以用computed计算属性。
2023-04-12 19:37:50
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人