随笔分类 -  Vue框架

摘要:源码优化首先是源码优化,也就是小右对于 Vue.js 框架本身开发的优化,它的目的是让代码更易于开发和维护。源码的优化主要体现在使用 monorepo 和 TypeScript 管理和开发源码,这样做的目标是提升自身代码可维护性。接下来我们就来看一下这两个方面的具体变化。 1. 更好的代码管理方式: 阅读全文
posted @ 2020-09-23 20:22 KeyNG 阅读(705) 评论(0) 推荐(0)
摘要:一、使用router-link进行路由导航,传递参数 => 父组件中:使用<router-link to="/需要跳转的路由路径/需要传递的参数"></router-link>标签进行导航 child是子页面路由路径,123是需要传递的参数 =>子组件中:使用this.$route.params.n 阅读全文
posted @ 2020-09-22 15:09 KeyNG 阅读(307) 评论(0) 推荐(0)
摘要:vue-router 中hash模式和history模式。 在vue的路由配置中有mode选项,最直观的区别就是在hash模式下的地址栏里的URL夹杂着‘#’号 ,而history模式下没有。vue默认使用hash。 mode:"hash";mode:"history";hashhash模式依靠的是 阅读全文
posted @ 2020-06-18 11:01 KeyNG 阅读(5118) 评论(0) 推荐(0)
摘要:组件通信 组件通信一般分为以下几种情况: 父子组件通信 兄弟组件通信 跨多层级组件通信 任意组件 对于以上每种情况都有多种方式去实现,接下来就来学习下如何实现。 父子通信 父组件通过 props 传递数据给子组件,子组件通过 emit 发送事件传递数据给父组件,这两种方式是最常用的父子通信实现办法。 阅读全文
posted @ 2020-05-28 22:20 KeyNG 阅读(263) 评论(0) 推荐(0)
摘要:这是一张官网的Vue生命周期图: vue有8种生命周期函数: Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。 每一个组件或者实例都会经历一个完整 阅读全文
posted @ 2020-05-28 16:44 KeyNG 阅读(141) 评论(0) 推荐(0)
摘要:在学习vue、react的过程中,总能看到MVVM模型,那么MVVM究竟是什么,下面将我最近看到的资料以及自己的想法总结一下。 与MVVM相似的,还有MVC、MVP,先从MVC、MVP这两个入手,方面后面对MVVM的理解。 一、 MVC M:Model,即模型,也可以理解为数据层,用于封装数据以及数 阅读全文
posted @ 2020-05-19 22:49 KeyNG 阅读(281) 评论(0) 推荐(0)