Vue3/ Vue-cli底层是什么 为什么看不见 webpack.config.js文件 、Vue3组合式API(composition Api vs options Api)

一.  Vue-cli底层是什么 为什么看不见 webpack.config.js文件 

• Vue2项目依赖于 Vue-cli脚手架创建 这个脚手架底层又是依赖webpack 而webpack开发项目又是需要自己配置loader plugin等等参数 但是项目里面没有 webpack.config.js 文件 只有vue.config.js文件 因为vue-cli脚手架给我吧webpack封装起来了

•  如果硬是要看webpack的配置文件 在vue-cli的项目 直接输入

vue inspect

可以查看Vue.config.js编辑为 webpack.config.js 文件以后的内容

二.Vue3组合式API(composition Api vs options Api)

1.Vue2采用的就是optionsApi

(1) 优点: 每个代码明确位置 (data中 方法放在methods中)

(2) 缺点: 相似的逻辑 不容易复用 在大项目中尤为明显

(3) 虽然 optionsApi可以通过 mixins 提取相同的逻辑 但是并不是特别好维护

2.Vue3的新增的就是 compositionApi

(1) compositionApi 是基于逻辑功能 组织代码的 一个功能api相关放在一起 

(2) 即时项目大了 功能多了 也能快速定位功能相关的api

(3) 大大的提升了 代码的可读性 和 可维护性

3. Vue3推荐使用 compositionApi 同时保留了 options Api

就算不用 compositionApi 用vue2 的写法也完全兼容