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所共享的

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值