自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 路由导航守卫 (路由钩子函数)

路由进入之前调用,参数包括to,from,next。该钩子函数在全局守卫beforeEach和独享守卫beforeEnter之后,全局beforeResolve和全局afterEach之前调用。在当前路由改变时,并且该组件被复用时调用,可以通过this访问实例。:和beforeEach完全相同,如果都设置则在beforeEach之后紧随执行,参数to、from、next。beforeRouteUpdate : 子路由变化,或者路由参数更新、,参数包括to,from,next。全局路由守卫有个两个:一个是。

2023-04-25 19:49:29 353

原创 watch 监听功能 computed 计算属性

​ \- 当需要监听一个对象的改变时,普通的watch方法无法监听到对象内部属性的改变,此时就需要deep属性对对象进行深度监听。​ 意思就是 (计算属性依赖的值发生变化时,会重新计算,如果依赖的值不发生变化,计算属性会使用之前缓存的值)侦听普通变量的变化是使用以上方法,当侦听的某个变量值是对象时则不起作用,这时需要使用deep深度监听。watch是vue内部提供的一个用于侦听功能的更通用的方法,其用来响应数据的变化,通过特定的。1.computed 阐述。

2023-04-19 20:48:52 485

原创 $nextTick 介绍

注意:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM,所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数,

2023-04-19 20:38:55 131

原创 key的作用

的特殊属性主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。

2023-04-19 20:09:44 414 1

原创 组件通信三种

<h1>我是父组件</h1>data() {return {},methods:{},Children},

2023-04-19 20:03:25 60 1

原创 vue跳转页面的方法

跳转到指定url路径,但是history栈中不会有记录,点击返回会跳转到上个页面 (直接替换当前页面)。第三种方式this.$router.replace() 跟this.$router.push()一种写法。跳转到指定url路径,并向history栈中添加一个记录,点击后退会返回到上一个页面。第二种方式 this.$router.push()第四种方式this.$router.go(n)向前或者向后跳转n个页面,n可为正整数或负整数。向前或者向后跳转n个页面,n可为正整数或负整数。

2023-04-13 17:23:59 90 1

原创 vue 路由配置一 路由搭建

router-link tag=" 标签" active-class="一个属性 (确定划过改变css)" to="引入目录 之前import 名字 "> +应用的名字+ +应用的名字+如果需要添加子路由 在当前页面配置

2023-04-13 06:27:49 198 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除