vue源码学习——目录设计

src目录下

在这里插入图片描述

compiler

compiler目录下包含了vue.js所有编译相关的代码。

core

core目录下包含了Vue.js 的核心代码,包括内置组件、全局API封装、Vue实例化、观察者、虚拟 DOM、工具函数等等

platfoms

vue.js是跨平台的MVVM框架,可以跑在Web上,也可以配合weex跑在native客户端上
platfoms是vue.js的入口下面的web目录与weex目录代表两个主入口,分别打包成运行在web和weex上的vue.js

server

vue.js2.0支持服务端渲染,所有的服务端渲染相关逻辑都在这个目录下
这部分代码是跑在服务端的node.js,不要和跑在浏览器端的vue.js混为一谈

sfc

开发vue.js会借助webpack构建,然后通过但文件来编写组件。
sfc目录下的代码逻辑会将.vue文件内容解析成一个JavaScript对象

shared

vue.js会定义一些工具方法,这里定义的工具方法都是会被浏览器端的vue.js和服务端的vue.js所共享的

作者把功能模块拆分的非常清楚,相关的逻辑放在一个独立的目录下维护,并且把复用的代码也抽成一个独立目录。
这样的目录设计让代码的阅读性和可维护性都变强,是非常值得学习和推敲的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章