因为在2.6.0中，具名插槽 和 作用域插槽 引入了一个新的统一的语法 (即v-slot 指令)。它取代了 slot 和 slot-scope，并且现在网上都说的是一些老版本的内容，官方文档不太容易理解，所以就整理了一篇有关于插槽(slot)使用的文章 如果<test>中没有包…

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API …

需要安装vue-cli3.0脚手架工具，因为偷懒的关系，我就直接没有从 npm init 一步一步描述怎么搭建一个webpack配置的vue项目，此处就直接使用vue-cli3.0一键构建一个项目。没什么技术难度，唯一需要的估计就是你要理解，vue-cli3.0不是vue3.0…

通过以上代码我们看到，采用 glob 来对目录进行查询，而后通过 html-webpack-plugin 来实现了多页面html文件的创建。 而我们现在要做的是添加一个自定义选项 cdn ,传递给 html-webpack-plugin以便于在编译的时候自动加入我们所需的 cs…

1. vue.config.js 2. title.js设置每个页面标题 3. 修改public/index.html中的<title></title> 4. 注意此时项目目录是这样的： 5. 把每个单页应用下的router.js的mode改为hash模式 6. 注意把原来的a…

利用 vue-cli 搭建的项目大都是单页面应用项目，对于简单的项目，单页面就能满足要求。但对于有多个子项目的应用，如果创建多个单页面，显示有点重复，特别是 node_modules 会有多份相同的。如果全部放到单页面项目下，又显得有点乱，这时候通过改造 vue-cli 搭建的…

vue-mobile 是是基于 vue-cli 实现的移动端 H5 开发模板，其中已经搭建好基本的开发框架，可帮助您实现快速开发。 这是最简单的适配方法，后续跟单独对移动端 rem 适配做详细解读。 把 get，post 方法挂载到 vue 实例上。 在开发项目过程中，通常会用…

小小的前端有大大的梦想。做一个属于我们自己的 UI 组件库应该是个不错的小目标了。那。。。组件是什么😯？我想应该不用多说，在日常开发中我们天天与之打交道，你所写的每一个 vue 文件都可以当做是一个组件，只不过通用性有所区别而已。组件写得多了，随着时间的推移，你就会有写一个组…

如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…