#vue路由传参

Vue中axios的封装

axios是 vue 官方推荐的一个HTTP库,用axios官方简介来介绍它,就是:Axios是一个基于promise的HTTP库,可以用在浏览器和node.js 中。作为一个优秀的HTTP库,axios打败了曾经由 vue 官方团队维护的vue-resource,获得...
代码星球 ·2020-12-24

Vue 实现点击空白处隐藏某节点(三种方式:指令、普通、遮罩)

在项目中往往会有这样的需求:弹出框(或Popover)在show后,点击空白处可以将其hide。针对此需求,整理了三种实现方式,大家按实际情况选择。当然,我们做项目肯定会用到UI 框架,常见的Element中的组件提供了这样的方法。但是,就算使用框架,有些时候还是要用到的,比如:Element中的Popove...

vue-next/runtime-core 源码阅读指南

最近又抽时间把 vue-next/runtime-core 的源码陆陆续续地看完了,期间整理了很多笔记,但都是碎片化的。本来是想整理一下,写成一篇文章分享出来的,但是感觉最终的成果物只能是一篇篇幅巨长的解析文,就算我一行一行的把源码加上注释,其阅读体验也会很差,因为每个人读代码的习惯不同,思路不同。...

页面刷新时,如何保持原有vuex中的state信息

页面刷新后,原有的 vuex中的state会发生改变,如果在页面刷新之前,可以将state信息保存,页面重新加载时,再将该值赋给state,那么该问题即可解决。  1、localstorage可以使用localstorage来保存信息。【在某组件中添加如下钩子函数。比如App.vue中】c...

vue具名插槽、作用域插槽的新写法

具名插槽自2.6.0起有所更新。已废弃的使用 slot attribute的语法但是我们有了新的语法,如下:子组件childCom:<templateid="childCom"><div><!--具名插槽的针对于组件中不止一个插槽的情况下使用,使用方式,即:给每个插槽指...

vue-cli3+工具中,配置路径别名(vue.config.js)

vue-cli2.x版本创建项目时,我们可以在build文件夹下找到 webpack.base.conf.js 文件,在里面修改resolve.alias即可。resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist/vue...

如何制作自己的原生 JavaScript 路由

当你想到路由时,通常会想到类似 react 之类的库。但实际上,这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢?我希望这个“JavaScript 路由教程”能够帮你了解如何用原生 js 写出自己的路由。 我遇到...

事件循环以及vue.nextTick的应用

事件循环三个概念调用栈,先进后出宏任务队列(存放宏任务的,队列先进先出)微任务队列异步任务又分为宏任务和微任务宏任务,macrotask,也叫taskssetTimeoutsetIntervalsetImmediate(Node独有)requestAnimationFrame(浏览器独有)I/ODOM/Webevent...

前端开发Code Review内容【vue记录】

代码审查的重要性,对码农来说自是不言而喻,这里记录一次CodeReview的简单纪要,主要以代码审查优化内容为主。 路径尽量使用别名的方式,有效避免相对路径的书写麻烦,以及项目的移植和扩展等。建议使用别名,代替使用相对路径。扩展vue.config.js,比如:config.resolve.alias.set...

Vue 中的无状态组件

状态管理通常在较小的项目并不需要,但是当涉及到更大的范围时,如企业级的应用大部分需要它了。简单的说,状态是一个包含应用程序使用的最新值的对象。但是,如果咱们从结构的、更抽象的角度来看待它,就会清楚地看到,状态是复杂应该中重要一块,它使能够构建干净的体系结构,并将关注点强有力地分离开来。通常,缺乏经验的开发人员无法预测对...
代码星球 ·2020-12-24

如何在 Vue 中使用 JSX 以及使用它的原因

vue.js 具有简单的API和几个选项,可用于在我们的组件中定义html模板。我们可以使用<template>标签选项,在根组件实例上定义template属性,或者使用单文件组件。上面的选项很棒并且可以完美地工作,但是,在您的应用程序的生命周期中,有时会感到笨拙,设计过度或非常不灵活。那么,我们...

Flutter的生命周期和路由

1.StatelessWidget一个StatelessWidget是不能被改变的,比如:Icon、Text等。由于不可改变,因此并没有什么生命周期。 2.StatefulWidget一个StatefulWidget是有状态的,可变的。一个StatefulWidget组件可以通过定义它的State来进行对组件...
代码星球 ·2020-12-24

Vue之样式绑定

在前端开发中,设置元素的class列表和内联样式是基本要求。本文主要讲解vue开发中,样式列表和内联样式的绑定,仅供学习分享使用,如果有不足之处,还请指正。 vue操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们:只需要通过表达式计算出字符串结果...
代码星球 ·2020-12-24

在Vue项目中使用Typescript

3.0迟迟没有发布release版本,现阶段在vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpack对TS,TSX的处理,以及2.x版本下面使用class的形式书写vue 组件的一些限制和注意事项。 配置webpack对TS,TSX的支持,以便于我们在Vue...
代码星球 ·2020-12-24

快速实现一个简单可复用可扩展的Vue树组件

大概因为平时工作项目的原因,写了很多次树形组件,越写越觉得可以写得更简单并且更具有复用性、扩展性。树组件的应用场景很多,比如一篇文章的目录、一个公司部门组织情况、思维导图等,其实都可以用树形结构来描述。本文讲述一下vue中树组件的简单实现。树组件在线体验地址:http://wintc.top/laboratory/#/...
首页上一页...4748495051...下一页尾页