张最棒

摘要： 在没有使用路由懒加载时，脚手架默认打包后的文件目录 从上面的目录结构看到，我们自己写的所有js代码都会放到app.js文件里，如果我们的组件很多，打包后的代码都放到app.js的代码非常大，一次从静态资源服务器请求下来需要花费一定的时间，容易出现电脑短暂空白现象。 如何避免这种情况呢？ 使用路由懒加 阅读全文

摘要： 传递参数的两种类型params和query 参数传递方式一params类型 ： 路由配置格式： 参数 传递方式二query类型： $router指向的是整个路由实例，而$route指向的是处于当前活跃状态的路由。 这两个属性都在this(this指向的是当前组件的vue实例)直接调用。每一个组件都有 阅读全文

摘要： router-link的属性 to:指定跳转路径 tag:指定router-link最终渲染成什么组件 ，默认渲染成<a> replace:replace不会留下history记录，指定replace后，不可以后退和前进，这里源码使用history.replaceState.而不加这个属性使用的是h 阅读全文

摘要： vue-router是vue.js官方的路由插件，里面组件和URL的映射关系由vue-router帮我们管理。在vue-router的单页面应用中，页面的路径的改变就是组件的切换。 一：首先下载插件，当我们初始化项目时，有一个选项vue-router选项，我们选y,他就帮我们自动下载插件了。 如果没 阅读全文

摘要： 什么是路由？ 路由是网络工程里面的术语，指通过互联网把信息从源地址传输到目的地址的活动。 打个比方，你的一个北京的朋友给你发送一条消息中间会经过很多个路由与转发。选择一个最佳路径，把消息通过一个个路由转发给你。 后端渲染和后端路由阶段： 在早期网页开发用类似于jsp/php等技术直接把渲染好的整个H 阅读全文

摘要： vue-cli3是基于webpack4打造，vue-cli2是基于webpack3 vue-cli3的设计原则是“0配置”，移除（隐藏）配置文件build和config等目录 vue-cli3提供了vue ui 命令，提供了可视化配置 vue-cli3移除了static文件夹，新增了public文件 阅读全文

摘要： 在我们使用脚手架vuecli初始化一个项目时，会让你选择是使用runtime-compiler和runtime-only. 这两者的我们发现他创建的main.js不一样。 在选择runtime-compiler vue的运行过程会将 template --解析--> 成抽象语法树（ast）--编译成 阅读全文

摘要： webpack提供了一个本地服务器，这个服务器基于node.js搭建，内部使用express框架，可以实现我们想要浏览器自动刷新显示我们修改后的结果。 安装 npm install webpack-dev-server@2.9.3 --save-dev 修改配置 在webpack.config.js 阅读全文

摘要： plugin是什么？ plugin是插件，通常适用于对某个现有的架构进行扩展 webpack中的插件，就是对webpack现有功能的各种扩展，例如打包优化，文件压缩等 loader和plugin的区别 loader主要用于对某些文件进行加载，转化某些类型文件 加载器，转换器 plugin是对webp 阅读全文

摘要： 以前引用vue都是使用script引入vue的源码，但是我们使用vue用模块化，这里我们使用npm install 安装vue 因为我们在运行时也需要vue，所以是--save 安装后，会保存在node-modules里面 这里面from不用写路径，默认取node-mouodules里面去找vue。 阅读全文