vfjcgg的博客

vue-router-打包文件的解析认识路由的懒加载当打包构建应用时，JavaScript包会变得非常大，影响页面加载如果能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。dist文件夹下static文件夹下js文件夹下的三个文件分别的作用：...

箭头函数的使用和this指向箭头函数 Arrow Function箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return：render:h=>h(App)上面的是简写，因为函数只有一个参数所以可以去掉括号，函数的代码块中只有一行内容所以也可以直接简写，最终就简写成了一行。这里的h其实是createElement函数render:(h)=>{ re

VueCLI3创建项目和目录结构认识Vue CLI3vue-cli 3 与 2 的版本有很大区别1.vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webpack 32.vue-cli 3 的设计原则是 “0配置”，移除的配置文件是根目录下的，build和config等目录3.vue-cli 3 提供vue ui 命令，提供了可视化配置，更加人性化4.移除了 static 文件夹，新增了public文件夹，并且index.html移动到public中mount：

runtime-compiler(v1)template->ast->render->virtual dom->真实DOM->UIruntime-only (v2)(1.性能更高 2.代码量更少)render->vdom->UI render: h => h(App)这里的h函数是vue基于vdom自己封装的函数，用于把vdom转换成dom节点// const cpn={// template:'<div>{{message}}

self signed certificate in certificate chain使用vue-cli创建工程的时候提示vue-cli Failed to download repo vuejs-templates/webpack-simple:self signed certificate in certificate chain的解决方法最近在使用 vue-cli 脚手架创建项目的时候，遇到 webpack-simple 模板下载不成功的情况，提示 vue-cli Failed to downl

一、组件化开发1.1. 父子组件的访问$children/refsparent/root1.2. 插槽的使用基本使用：预留一个空间，而且里面可以有默认值具名插槽：如果有很多的插槽的话，可以给插槽取名字编译作用于：编译模板的时候只会在当前的作用于起作用作用于插槽：回去复习一下忘记了二、前端模块化2.1. 为什么要使用模块化简单写js代码带来的问题：命名冲突的问题闭包引起的问题：代码不可复用自己实现了简单的模块化AMD、CMD、CommonJS2.2. ES6中模块化的使用exp

vuecli-CLI2的目录结构解析vuecli2test文件中的build和config文件都是关于webpack配置的node本身是使用C++开发的，v8引擎，谷歌开发的v8引擎，js -> 字节码 ->浏览器运行，字节码要先解析再运行而v8引擎直接跳过了字节码，js -> 二进制代码，二进制代码可以直接运行v8引擎是C++写的，v8引擎是node的核心在终端也可以执行js代码：src是本地开发的文件夹static文件夹是静态资源文件夹：static文件夹中的内容会

vuecli-CLI2初始化项目过程

vuecli-脚手架的介绍和安装什么是Vue CLI如果只是写简单的几个Vue的Demo程序，那么不需要Vue CLI如果在开发大型项目，那么需要，并且必然需要使用Vue CLI1.使用Vue.js开发大型应用时，需要考虑代码目录结构，，项目结构和部署、热加载、代码单元测试等事情。2.如果每个项目都要手动完成这些工作，那无疑效率比较低，所以通常会使用一些脚手架工具来帮助完成这些事情。CLI是什么？1.CLI是Command-Line Interface,翻译为命令行界面，但是俗称脚手架。2.