最近在一个新项目中，尝试了vue2+typescript的组合，碰到一个问题，在data属性中，我怎么声明一个变量的类型。
组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；
对于vue-cli项目来说，从新跑一遍 vue create xxx-project ，选择Manually select features ，重新选择上typescript 选项即可。或者直接vue add typescript也可。
Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是Vue的生命周期，在Vue的整个生命周期中提供很多钩子函数在生命周期的不同时刻调用，Vue中提供的钩子函数有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。
最近疯狂的查看 Vue 源码，疯狂的调试代码，于是乎就有了这篇 Vue 初始化流程的文章出现，辛苦我了，今天我要去吃点好吃的，奖励以下自己，
想了下，应该是 认不出 process.env.VUE_APP_DIR，这个是运行时才有的，eslint可能查不出来，，
Virtual DOM 这个概念相信大部分人都不会陌生，它产生的前提是浏览器中的 DOM 是很“昂贵"的，为了更直观的感受，我们可以简单的把一个简单的 div 元素的属性都打印出来，如图所示：
今天就要开启我们 Component 探索之旅，旅途有点长，各位请坐好，不要睡着了
创建 src\lang\index.ts，使用 createI18n 创建 i18n 实例：
想在console中调试查看vue对象的数据情况，奈何没有入口，全局的vue对象可以挂出来，但是没法定位到具体的视图对象。
模板中的表达式将被沙盒化，仅能够访问到有限的全局对象列表。该列表中会暴露常用的内置全局对象，比如 Math 和 Date。没有显式包含在列表中的全局对象将不能在模板内表达式中访问。
最近一直在不停的造Vue轮子，目前已经完成了Button、网格布局、默认布局、Input等轮子。
"Zeus"--中文译为宙斯，是古希腊神话中的众神之王，奥林匹斯十二主神之首，统治宇宙万物的至高无上的主神（在古希腊神话中主神专指宙斯），人们常用“众神和人类的父亲”、“神王”来称呼他，是希腊神话诸神中最伟大的神。
我"崩"不住了，在彭凡同志锲而不舍的催促下这篇文章终于"蛋"生了。说正经的这篇文章不好写，不好写的原因是我不太擅长写这些类比文,但它还是写出来了。相信大部分人都有开发过功能插件，在写插件的时候普遍应用基本思想是以"默认配置为优先，以用户配置为覆盖"。如果你觉得简单先别着急穿裤子走人继续往下看看。
组件化就是将一个页面拆分成一个个小的功能模块，每个功能模块完成属于自己这部分独立的功能，使得整个页面的管理和维护变得非常容易。
之前在工作中有需要用到图片预览的地方，当初没有找到合适的图片插件，于是就自己写了一个，并发布到了github，没想到的是竟然一直有人使用，不知不觉的小星星也达到了一百多个，每天文档也还有人访问，于是抽时间给兼容了vue3一下，特来记录一下，由于业务部分的代码和vue3兼容，所以主要记录一下关于vue2和vue3插件部分的区别
vnode其实就是一个描述节点的对象，描述如何创建真实的DOM节点；vnode的作用就是新旧vnode进行对比，只更新发生变化的节点。
今天就来探索 VNode 的源码，VNode 是 Vue2 渲染机制中很重要的一部分，是深入Vue 必须了解的部分
由于 _render 和 _update 的过程还是挺复杂的，分成两期。这一期我们就先聊聊 _render 过程。
今天要讲的内容是Web前端框架vue.js中的一个细节，注意是细节哦，稍不留神就掉坑里了。
当给数组设置 length 时，如果大于数组本身长度，新元素则会以 empty 填充，如下所示：
在 Vue 2.X 项目开发中，有时候需要对数组进行修改，或是对对象新增一个属性，但是发现页面并不会同步更新。例如：
· 3.优化CSS（压缩合并css，如margin-top,margin-left…)
在Vue项目中.env文件里定义的环境变量，在 vue 工程中读取出来是 undefined值？
See the Pen 生命周期钩子 by xugaoyi (@xugaoyi) on CodePen.
服务器端渲染时，缓存是一个逃不开的优化点，降低node server 负载，提高QPS。
组件化是 Vue, React 等这些框架的一个核心思想，通过把页面拆成一个个高内聚、低耦合的组件，可以极大程度提高我们的代码复用度，同时也使得项目更加易于维护。所以，本文就来分析下组件的渲染流程。我们通过下面这个例子来进行分析：
首先在index.js里面引入一些cnd资源（vue,vueRoute,elementUI）
对于Vue的生命周期，就是其组件的生命周期。具体可以看下图（相对官方文档的图，已补充翻译）：
Vue实例需要经过创建、初始化数据、编译模板、挂载DOM、渲染、更新、渲染、卸载等一系列过程，这个过程就是Vue的生命周期，Vue中提供的钩子函数有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed，父子组件嵌套时，父组件和子组件各拥有各自独立的钩子函数。
虚拟 DOM （Virtual DOM ）这个概念相信大家都不陌生，从 React 到 Vue ，虚拟 DOM 为这两个框架都带来了跨平台的能力（React-Native 和 Weex）
Vue 实例在被创建时，会经过一系列的初始化过程，初始化过程中会运行一些函数，叫做生命周期钩子函数，通过运用钩子函数，用户在可以在Vue实例初始化的不同阶段添加自己的代码，以此来实现自己想做的事情。
使用lerna 管理微前端项目时, 开发的独立工具包与项目依赖于同一vue版本， 工具包开发的hook工具，在项目中无法触发视图更新。
compile 我们已经讲了九篇的内容了，终于走到了 render，今天就来给自己记录下渲染三部曲的第二部，render，咦，render 内容不多的，就两篇文章哈哈哈
1）vue 数据双向绑定原理-observer 2）vue 数据双向绑定原理-wather 3）vue 数据双向绑定原理-解析器 Complie
使用vue框架，需要在合适的时机做合适的事情，了解了vue对象的生命周期和钩子函数，才能知道，哪些事情应该咋哪个函数里做。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
1、beforeCreate（创建前）:beforeCreate钩子函数，这个时候，vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。无法访问到数据和真实的dom和data中的数据，可以在这里面使用loading
在我们面试的过程中，经常会遇到问源码的环节，因为优秀的框架通常都会包含很多设计理念跟编程实践。这段时间我一直在看Vue2的源码，发现了很多有意思的实现。虽然现在Vue3都已经发布了，也无法否认Vue2是个优秀的框架这个事实，不影响我们从中学到一些最佳实践。
Virtual DOM是一棵以JavaScript对象作为基础的树，每一个节点称为VNode，用对象属性来描述节点，实际上它是一层对真实DOM的抽象，最终可以通过渲染操作使这棵树映射到真实环境上，简单来说Virtual DOM就是一个Js对象，用以描述整个文档。
在大型应用里，有些组件可能一开始并不显示，只有在特定条件下才会渲染，那么这种情况下该组件的资源其实不需要一开始就加载，完全可以在需要的时候再去请求，这也可以减少页面首次加载的资源体积，要在Vue中使用异步组件也很简单：
哈喽大咖好，我是跑手，本次给大家带来vue-router@4.x源码解读的一些干货。
main.js改成main.ts配置vue.config.js的入口为main.ts
缺点：无法区分null 、对象、数组，Map，Set，WeakMap，WeakSet、RegExp等
$nextTick：根据官方文档的解释，它可以在 DOM 更新完毕之后执行一个回调函数，并返回一个 Promise（如果支持的话）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
