在这篇文章中，我们将学习如何使用defineCustomElement API将Vue组件转换为Web Component，如何将其打包为库，以及如何在纯HTML中使用它。

最近一直在写React，Vue有段时间没写了，所以趁这个时间设计个Vue的小项目练练手。 年轻时在电商的公司实习过，所以还是打算写一个电商相关的小项目，也算是一个总结。 因此这次就拿手淘H5购物车开刀。项目GitHub 数据都是来自手淘的真实数据，也是观测了一段时间才定义好数据…

之前因为上家公司的经营出了问题，年前的大裁员，过了一个漫长的春节。 之后加入了新公司，然后正好赶上一个很紧急的项目，忙成狗，因此好久没更新文章了。 其实，单元测试一般用在写公共包的时候，比如通用的js函数库，通用的UI组件库。基本不太会在做业务项目的时候还使用单元测试。 然后，…

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

当我们拿到一个 PC 端页面的设计稿的时候，往往会发现页面的布局并不是随意的，而是遵循的一定的规律：行与行之间会以某种方式对齐。对于这样的设计稿，我们可以使用栅格布局来实现。 早在 Bootstrap 一统江湖的时代，栅格布局的概念就已深入人心，整个布局就是一个二维结构，包括列…

6./shared ⽬目录提供全局⽤用到的⼯工具函数。 Vue.js 的组成是由 core + 对应的 ‘平台’ 补充代码构成(独立构建和运行时构建 只是 platforms 下 web 平台的两种选择)。 1. Object.defineProperty setter 触发消…

这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如 $mount、render watcher 等，如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~ 1. …

如有错误，希望各位留言指点，乐意之极。 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 众所周知，JavaScript是弱类型的语言。 所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型，如果一个语…