![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 95
fengyezi159
坚持追寻最初的梦想!
展开
-
vue中的.sync修饰符
vue中的.sync修饰符本质上是`@update:自定义事件名`这种方式的语法糖原创 2022-07-26 16:55:39 · 3508 阅读 · 0 评论 -
vue的生命周期及钩子函数
每个vue实例被创建时都会经历一系列初始化过程,例如:设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这些过程中会运行一些vue生命周期中的钩子函数,这些函数为用户提供在创建vue实例及创建完成后期不同阶段添加自己代码的机会。钩子函数中的this指向当前vue实例。vue实例生成及后期的钩子函数如下:beforeCreate createdbefor...原创 2019-08-31 21:07:09 · 870 阅读 · 0 评论 -
关于template标签用法总结(含vue中的用法总结)
文章目录html5中的template标签template标签操作的属性和方法vue中的templatehtml5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见,它设置了display:none;属性。<!--当前页面只显示"我是自定义表现abc"这个内容,不...原创 2019-09-02 20:31:11 · 232710 阅读 · 24 评论 -
vue组件间的数据传递
文章目录单向数据流父传子props验证子传父(发布订阅)sync修饰符兄弟之间数据传递(event bus)单向数据流vue中组件间的数据传递一般是单向的,即由父传子,也就是说组件间的数据传递存在单向数据流。组件中的数据传递方式一般有以下3种:父传子子传父(通过发布订阅模式实现)兄弟组件间的数据传递(通过事件车event bus实现)单向数据流:如果子组件使用了父组件中的数据,当...原创 2019-09-03 14:09:22 · 757 阅读 · 0 评论 -
vue路由传参总结
文章目录利用`router-link`进行路由传参利用`this.$router.push`方式传参通过路由中name属性匹配路由,通过params传参通过匹配name属性,并通过query方式传参利用path匹配路由,并使用query传参利用router-link进行路由传参通过该方法切换路由后,地址栏是"test.html#/list/2"这种样式的利用该方式传参在获取参数时使用"$...原创 2019-09-04 21:11:20 · 3241 阅读 · 0 评论 -
vue中的computed、watch(immediate、deep)区别
文章目录vue中的computedvue中的watchvue实例computed和watch比较watch中的immediate、deep属性vue中的computed注意:vue实例中data中的属性名不能和methods、computed中的属性名重名。computed是vue实例中的计算属性,存在缓存机制,只有它所依赖的属性值发生变化才会重新计算,否则默认走缓存。这样节省性能。当一个...原创 2019-08-30 20:25:47 · 5454 阅读 · 0 评论 -
vue路由导航守卫
文章目录一、基础介绍二、7个导航守卫函数介绍三、导航守卫使用方法四、导航解析流程总结一、基础介绍导航守卫一共有7个函数,这几个函数中除了afterEach函数没有next,只有to,from两个参数。其余几个函数都是由3个参数to、from、next。to:即将进入的目标路由from:即将离开的路由next:它是一个函数,一定要调用这个函数来resolve钩子函数。一定要确保调用了ne......原创 2019-09-05 19:24:27 · 2531 阅读 · 0 评论 -
设置vue默认路由的样式
可以使用router-link-active设置路由选中时的样式,但是当我们在设置默认路由时,会出现第一个显示第一个路由对应的视图,但是第一个路由没有呈现选中的样式。此时只要在配置默认路由时使用一下redirect路由重定向即可解决问题。<template> <div class="footer"> <router-link to="/home">...原创 2019-09-08 15:11:36 · 4235 阅读 · 0 评论