![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
紫色小衬衣
你很绚烂,破茧时一定也很难
展开
-
vue学习笔记之路由传参
vue中路由传参的几种方式 vue中路由传参大致概括一下。 1:name+params 2:name+query 3:path+query 4:布尔模式 5:对象模式 6:函数模式 以上是个人总结的几种路由传参方式。如有不足,欢迎留言指正!方式一 name+paramsthis.$router.push({ name: 'Page', params: { id: '11...原创 2019-01-18 15:48:44 · 779 阅读 · 2 评论 -
vue学习笔记之路由守卫触发流程梳理
路由守卫触发流程梳理路由守卫概括来说可以分为全局路由守卫、路由独享守卫和组件内路由守卫。本次笔记将梳理一下当路由发生改变时各个路由钩子触发的顺序,帮助更好的理解路由机制。路由触发的流程我分为了两类:一类是不同组件(组件A跳转到组件B)的路由跳转流程。另一类是复用组件的路由跳转流程(组件A包含动态路由参数,只改变组件A的动态路由参数触发的路由跳转流程,示例: name/:id, 只改变id...原创 2019-01-31 10:39:32 · 1048 阅读 · 0 评论 -
vue学习笔记之vuex基础(state&getter)
状态管理模式vuex的官方定义是专为vue.js应用程序开发提供的一种状态管理模式。实际解决组件之间数据共享的问题,可以将它视为一个系统中所有组件共有的一个仓库。当系统结构庞大复杂时localstorage和sessionstorage已经不满足当前场景的使用需求,此时就需要用到vuex。下面先看官方提供的一张图片:上图中展示了vuex的流程图。vuex配置步骤一:在src目录下新建文...原创 2019-02-18 16:16:59 · 384 阅读 · 0 评论 -
vue学习笔记之vuex进阶(mutations&actions)
状态管理模式vuex的完整组成部分包括了state、getters、mutations以及actions。在组件内通过dispatch触发Actions中定义的方法,该方法通过commit一个mutations更改state,state的值会响应式的更新到vue组件中。如果是同步请求,可以直接在vue组件内commit一个mutations,如果有异步请求,则按着官网给的顺序图执行。1.Mu...原创 2019-02-19 16:52:16 · 1600 阅读 · 0 评论 -
vue学习笔记之vuex动态注册模块
vuex动态注册模块vuex动态注册模块是利用store的registerModule方法实现的,下面具体看一下相关代码:注册模块export default { methods: { register() { this.$store.registerModule('模块名称',{ state: {}, getters: {}, mutations: {}...原创 2019-02-19 17:17:03 · 4208 阅读 · 0 评论 -
vue学习笔记之vuex的插件与严格模式
目录vuex插件vuex严格模式vuex插件vuex插件的简单应用场景是将一些数据存放到本地,当运行系统时获取本地存储的数据。在我们的实际应用中,如果不将state存放到本地,那么每次刷新后,state会变回原来的初始值,如果能够将state数据存放到本地将会解决这一问题。首先在vuex的相关目录下创建文件夹plugin并在该目录下创建js文件 saveInLocal.js;在s...原创 2019-02-20 10:49:00 · 389 阅读 · 0 评论 -
CSS3学习笔记之属性选择器
CSS3中新追加的三个属性选择器css中新追加了[att*=val]、[att^=val]、[att$=val]三个属性选择器。[att*=val]如果元素使用att表示的属性值包含用val指定的字符串,那么该元素使用这个样式。<style> [id*=box]{ color: yellow; } [id*=other]{ color: red; }</...原创 2019-04-02 10:11:10 · 128 阅读 · 0 评论 -
CSS中四个主要的伪元素选择器
伪元素选择器伪元素就是假象的元素,并不存在DOM树中,无法捕获,也无法绑定事件。常用的伪元素::first-line用于向某个元素的第一行添加样式<style> p::first-line{ color: yellowgreen; }</style><body> <p> 撒旦哈德啥的吧扣税...原创 2019-04-03 10:33:18 · 1984 阅读 · 0 评论