weixin_45841763的博客

vue cli 3 脚手架生成的文件解析： node_modules：npm install安装的依赖代码库 public：存放不会变动的静态文件，它与src/assets的区别在于，文件不会被webpack打包处理 favicon.ico 在浏览器上显示的图标 index.html 主页面文件 src：存放源码，我们开发的所有代码都放在src目录下 api 存放功用或常用的api assets 存放组件中的静态资源 components 存放一些公共的组件 plugins 项目所用的插件 router

vue基础 vue渐进式javaScript框架 一、vue的特点 遵循MVVM模式，编码体积小，运行效率高，适合移动/PC端开发，它本身只关注UI，可以轻松引入vue插件或者其他第三方库开发项目。 它是借鉴angular的模版和数据绑定技术和借鉴react的组件化和虚拟DOM技术。 二、vue内置指令 v-cloak 在插值表达式所在的标签中添加v-cloak指令，先通过样式隐 藏内容，然后在内存中进行值的替换，替换好之后在显示最终的结果。 v-once 只编译一次，显

vue关于首次加载很慢的优化 CDN 在打包完之后，我发现其中vendor的文件非常的大，大大的影响了加载速度。这个里面，会把node_module里面的包给打进去，最后依赖越多，导致vendor这个文件就越大，我们就会想如何能让依赖还会存在，但是不会打包进vendor文件里面，把依赖放到外部来加载，下面我们来撸它。 这儿我们推荐使用CDN，然后通过webpack来减小vendor的文件大小。 CND(内容分发网络)，是一种公共服务，位于不同的地域，接入不同运营商的服务器，而所谓的cnd实际上就是让cdn作