三五互联网站后台,湘潭网站seo公司,比较好的wordpress插件,建设注册证信息网站Vue 2.0 的源码都在 src 目录下#xff0c;其目录结构如下。
src
├── compiler # 编译相关
├── core # 核心代码
├── platforms # 不同平台的支持
├── server # 服务端渲染
├── sfc # .vue 文件解析
├── s…Vue 2.0 的源码都在 src 目录下其目录结构如下。
src
├── compiler # 编译相关
├── core # 核心代码
├── platforms # 不同平台的支持
├── server # 服务端渲染
├── sfc # .vue 文件解析
├── shared # 共享代码
1. compiler
compiler 目录包含 Vue.js 所有编译相关的代码。它包括把模板解析成 ast 语法树ast 语法树优化代码生成等功能。
编译的工作可以在构建时做借助 webpack、vue-loader 等辅助插件也可以在运行时做使用包含构建功能的 Vue.js。显然编译是一项耗性能的工作所以更推荐前者-离线编译。 2. core
core 目录包含了 Vue.js 的核心代码包括内置组件、全局 API 封装Vue 实例化、观察者、虚拟 DOM、工具函数等等。
这里的代码可谓是 Vue.js 的灵魂也是我们之后需要重点分析的地方。 3. platform
Vue.js 是一个跨平台的 MVVM 框架它可以跑在 web 上也可以配合 weex 跑在 native 客户端上。platform 是 Vue.js 的入口2 个目录代表 2 个主要入口分别打包成运行在 web 上和 weex 上的 Vue.js。 4. server
Vue.js 2.0 支持了服务端渲染所有服务端渲染相关的逻辑都在这个目录下。注意这部分代码是跑在服务端的 Node.js不要和跑在浏览器端的 Vue.js 混为一谈。
服务端渲染主要的工作是把组件渲染为服务器端的 HTML 字符串将它们直接发送到浏览器最后将静态标记混合为客户端上完全交互的应用程序。 5. sfc
通常我们开发 Vue.js 都会借助 webpack 构建 然后通过 .vue 单文件来编写组件。
这个目录下的代码逻辑会把 .vue 文件内容解析成一个 JavaScript 的对象。 6. shared
Vue.js 会定义一些工具方法这里定义的工具方法都是会被浏览器端的 Vue.js 和服务端的 Vue.js 所共享的。 7. 总结
从 Vue.js 的目录设计可以看到作者把功能模块拆分的非常清楚相关的逻辑放在一个独立的目录下维护并且把复用的代码也抽成一个独立目录。
这样的目录设计让代码的阅读性和可维护性都变强是非常值得学习和推敲的。
