风起叶落，若是不知，岂会心动！

持续更新中！！！！声明：以下所有文章，均为原创，是在阅读(抄)源码过程中的点滴记录，文笔有限，只是个人记录，分享出来希望有所用处。抄写的仓库：https://github.com/gcclll/stb-vue-next.git 该仓库为学习时，从 0 开始，vue-next 的第一个 commit 开始抄下来的源码仓库，目前学习目的已达，所以不再更新了，到停便时通过了所有有关的官方用例。所有流程图，脑图链接：https://github.com/gcclll/cheng92.com/tree/m

更多 vue3 源码分析尽在：www.cheng92.com/vue该系列文章，均以测试用例通过为基准一步步实现一个 vue3 源码副本(学习)。文字比较长，如果不想看文字可直接转到这里看脑图简介reactivity 是 vue next 里面通过 proxy + reflect 实现的响应式模块。源码路径： packages/reactivity入口文件：packages/reactivity/src/index.ts疑问点解答：shallowReactive 相当于浅复制，只针对

属性(或指令)v-show根据条件的 boolean 值来切换元素的 CSS display 属性。相对 v-if 来说v-show 只是针对 display 属性，即该元素会始终被渲染，只是不一定会显示出来。而 v-if 不同，它会根据条件决定是否会被创建-渲染或者销毁v-html官方说是只能按照普通 html 内容去插入，不会作为模版来编译。如果需要用v-html结合模版来使用，最好通过自定义组

1 Class 与 Style在使用组件的时候，不可避免的要去使用内联的 style 属性去设置标签样式，按照常规的使用，style 只能是一些属性列表组合成的字符串；这限制了在使用组件时可以自定义或者动态改变样式，而 Vue 对标签的 style 属性进行了优化，从而使其可以支持对象/字符串/数组形式的赋值。2 v-bind:class 的应用使用时取值可以是普通的样式名作为 key和真假值组成的

Vue.js （一） 入门官方网址 ✈️第一次真正接触到 Vue.js 其实是源于一次头条中的视频教程（关注的程序员主题还是有不少干货的），这次决定好好学习下 Vue.js 源于一次面试，或者说可能成功的一次面试吧（没板上钉钉的事，谁也说不准，囧~~）。加上好奇的心态也想整体的学习下 Vue.js，今天算是起步第一天，所以这篇博文算是第一篇自己对 Vue.js 入门的记录吧。有想过整一个完整点的项目

折腾前言目前工作主要使用 vue.js 框架进行开发，自己又对 vue 不是那么了解，还是半桶的状态，所以得加紧步伐赶紧熟悉起来，这两天在使用脚手架 vue-cli 创建项目玩耍中，又一直对font-awesome锲而不舍，通过 github 了解到早有大牛搞出了 vue-awesome，因此就开始折腾了……废话不多说，开搞！准备工作这个是作者的 github 地址：飞机为了演示完整步骤，用脚手架新

vue文件里面的template没有被打包进模板文件中/* vue loader*/var ExtractTextPlugin = require('extract-text-webpack-plugin');var extract = (loader) => { let loaders = [ 'css-loader' ]; if (loader && loaders.in