240 发简信
IP属地:北京
  • [vue 源码系列] ref 与 $refs 如何关联

    先问大家一个简单的问题: 还有人记得 jquery 里面的 data 方法是如何让 DOM 节点绑定对应的数据对象的吗 有时候我们做节点关联设计的思路其实有一点类似,但是在 ...

  • Vue.js 组件库事件系统设计

    我们拿 input-number 为例: @ 是 v-on 指令的简写,用来绑定事件监听器: 我们使用组件的时候,会注册了一个自定义的事件: 在组件内部触发的方式也很简单: ...

  • [Vue CLI 3] 插件解析之 @vue/cli-plugin-babel

    本文我们来看一下官方的这个 @vue/cli-plugin-babel 先看一下源码文件: 核心的有 2 个文件,我们主要第一个 index.js,最外层结构多是插件式的标准...

  • [Vue CLI 3] 插件编写实战和源码分析

    当你看过了官方的几个插件之后,慢慢地,其实你也有需求了。 那如何编写一个 Vue CLI 3 的插件呢? 本文代码已经放到 github 上,地址:https://githu...

  • [Vue CLI 3]源码系列之 invoke

    vue invoke 在官方文档中提到的内容很少,很多同学应该会对它比较陌生 输入如下命令: vue invoke pwa 之后,它到底做了啥呢? 先抛一句命令行的 desc...

  • [Vue CLI 3] 多页应用实践和源码设计

    我们看一下官网给的 multi-page 的配置:需要在 vue.config.js 配置 pages,示例如下: 每一个页面中就是一个对象,包含了如下配置: entry ...

  • [Vue CLI 3] 源码系列之init

    用惯老版本 Vue CLI 的同学一般多会选择使用如下命令来创建模板项目: vue init webpack demo 但是在新版中,推荐使用 vue create,官方也提...

  • [Vue CLI 3] 源码系列之useTaobaoRegistry

    通过下列方式可以安装最新版本的 Vue CLI(注释:sudo 自行选择) sudo npm install -g @vue/cli 然后通过下列命令创建项目: vue cr...

  • [Vue CLI 3] 源码之 webpack-chain

    我们看一下 webpack-chain 到底做什么? Use a chaining API to generate and simplify the modification...

  • [Vue CLI 3] 环境变量和模式配置实践与源码分析

    在官方文档中,我们可以看到在新版本的 Vue CLI 中去掉了我们熟悉的 config 目录 比如之前在 prod.env.js 中我们会如下配置: 然后再代码里面也可以通过...

  • [Vue CLI 3] 环境变量和模式配置实践与源码分析

    在官方文档中,我们可以看到在新版本的 Vue CLI 中去掉了我们熟悉的 `config` 目录 比如之前在 prod.env.js 中我们会如下配置: ``` 'use s...

个人介绍
微信公众号:前端新视野,更多文章可以查看
目前专注 Vue CLI 3 源码和 vue.config.js 配置内部设计等学习分享