锋利的二丫

学习笔记（一）简单实现 VueRouter本系列笔记来源，开课吧前端架构课程这个练习非常简单，只考虑 history 模式下路由和嵌套路由的实现。主要目的是理解路由的核心思想。至于更完善，更深入的内容，可以在学习完这些内容之后，阅读源码。如果有问题，或者有更好的解决方案，欢迎大家分享和指教。*最终效果我们在这个练习中需要实现的效果如下：考虑 hash 模式实现 router-link 组件通过 to 属性切换路由实现 router-view 渲染路由对应的组件实现 在任意组件内通过 th

Vue-cli3.x 中使用 cross-env 配置不同环境下的项目变量在实际开发过程中，我们有时候需要在不同的环境、不同的服务器上运行我们的项目，或者项目测试环境有多个，这个时候我们就需要根据不同的环境配置不同的变量，让项目在不同的环境下都能正常使用。一、安装插件yarn add cross-env或npm i cross-env --save二、修改配置 package.json安装好 cross-env 之后，我们可以通过修改 package.json 中跟 build 有关的 sc

Vue 中好用的日历日程插件FullCalendar使用指南参考资料链接：FullCalendar官网FullCalendar中文文档功能： 实现 PC 端日历及日历中添加事件提醒。本文极尽所能找到了常用功能的设置，并不是全部功能，想要查看特别完成的文档，请移步官网。一、版本和基本介绍1.1 版本Vue：2.6.10Vue-cli: 3.x@fullcalendar/vue: 5.5.0 FullCalendar 从4.x 开始支持 Vue1.2 形态FullCalendar

这个包含登录之后对于路由的处理，动态添加，以及刷新后的为了防止动态路由丢失做的操作。这只是个小 demo，因为路由这块儿牵扯到的内容还挺多的，比如权限限制，Token 验证等等操作，这些都需要根据具体项目具体处理。当然这个 Demo 我个人觉得结构还算清晰，不会影响项目中其他业务逻辑的处理，该单独封装的，都封装了。

Vue 中数据双向响应的机制参考资料（感谢各位前辈的分享和资料）尤雨溪讲解 Vue 源码Vue 源码解析-Vue 中文社区小马哥 Vue 源码解析小马哥 Vue 源码解析代码示范vue-cli 源码MDNVue 的特点是数据驱动视图，也就是说，数据变化时视图随之变化， 所以要先监听到数据的变化，然后再去响应依赖该数据的视图，Vue 使用 Object 的 defineProperty 函数劫持数据的变化，用 Complite 源码解析器解析我们编写的 Vue 代码， 用 Dep 类收集数据依

Vue-cli 请求代理配置及封装 Axios大佬止步，小白往下。HTTP 请求代理配置vue-cli 2.x// /config/index.jsproxyTable: { '/api-1': { target: 'path1', changeOrigin: true, pathRewrite: { '^/api-1': '' // 以 /api-1 开头的请求路径都会被 'path1' 代理 } }, '/api-2': { ta

Vue-cli + Element-UI 利用递归动态生成菜单栏菜单项列表文件// menu.jsexport default [ { title: '住院病人病情评估表', key: '0', meta: '', }, { title: '医护各类常用表格', key: '1', meta: '', children: [{...

Vue-cli 中的打印功能(window.print)print.js 的封装// print.jsexport default { initIframe(printOption) { let printIframe = document.getElementById('easyPrintIframe'); if (!printIframe) { print...

Vue-6 Vuex（state, getters, mutations, actions, modules）在项目研发过程中，组件和组件之间的结构关系非常复杂，到处存在数据交互。 props，$emit，路由传参是远远不足以支撑复杂的数据交互。Vue 单独提供了 vuex 来做项目的状态管理，vuex 提供了公共数据的存储和操作方式，让组件之间的数据交互变得更简洁。vuex 的核心理念就是...

Vue-5 路由传参的几种方式（query和params），获取路由参数，导航守卫和路由元信息，History模式除了 props 和 $emit 之外，路由时也可以携带数据，即通过路由传参。一、路由参数的传递和接收1. 动态路由的匹配示例需求：有个商品详情的组件，点击任何商品都会渲染这个组件，点击商品时向详情组件传递商品的 id，详情组件在被渲染时接收这个 id，请求对应的数据，渲染在详...

Vue-4 路由的配置和调用，命名路由和命名视图，嵌套路由，重定向和别名Vue-router的安装和基本配置路由是 Vue 通过操作切换或调用组件的另一种方式。常见应用场景就是后台管理系统中的选项卡操作。比如某个后台管理系统的侧边栏有商品管理、用户管理、订单管理选项，在点击左侧的菜单时，右侧内容部分展示对应的管理模块。要在 vue-cli 中使用 vue 的路由，要先在当前项目中安装 v...

Vue-3 props，$emit，slot，render，JSX和createElementProps 和 $emit使用 Vue 开发项目时，我们将项目中的内容按照模块划分，但是有时候模块和模块之间会存在数据交互。在真正的项目开发中，父子、兄弟组件之间需要互相传值。最传统的传值方式就是 props 和 $emit。一、PropsProp 是你可以在组件上注册的一些自定义特性。当一个值传...

Vue-2 vue-cli，生命周期，computed，watch，自定义指令vue-cli环境配置、项目安装、目录树我们使用webpack也可以手动安装配置vue脚手架环境，但是有一套更简单一点的vue-cli的构建工具，大大降低了webpack的使用难度。一、配置vue的脚手架环境npm install -g vue-cli完成之后查看vue版本:vue -V如果终端承认vu...

Vue-1 Vue的基础语法三大主流框架的对比背景版本小结Angular09年发布，Google1.x,2.x,4.x,5.x(beta)基于html的大而全的MVC框架ReactFacebook于2013年5月开园最新版本: 16.x基于js的视图层框架Vue尤雨溪团队2014年2月开源0.1x,1.x,2.x,虞姬2019年下半年发布3....