摘要: 认识vue router 目前前端流行的三大框架, 都有自己的路由实现: Angular的ngRouter React的ReactRouter Vue的vue router vue router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。 我们可以访问其官方网 阅读全文
posted @ 2020-03-12 22:24 懒惰ing 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 前端路由规则 前端路由的核心是改变URL,但是页面不进行整体的刷新 URL的hash也就是锚点( ), 本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 HTML5的history模式:pushState h 阅读全文
posted @ 2020-03-12 19:52 懒惰ing 阅读(564) 评论(0) 推荐(0) 编辑
摘要: Vue CLI3 vue cli 3 与 2 版本 vue cli 3 是基于 webpack 4 打造,vue cli 2 还是 webapck 3 vue cli 3 的设计原则是“0配置”,移除的配置文件根目录下的,build和config等目录 vue cli 3 提供了 vue ui 命令 阅读全文
posted @ 2020-03-12 19:33 懒惰ing 阅读(1376) 评论(0) 推荐(0) 编辑
摘要: Runtime Compiler和Runtime only的区别 简单总结 如果在之后的开发中,你依然使用template,就需要选择Runtime Compiler 如果你之后的开发中,使用的是.vue文件夹开发,那么可以选择Runtime only 运行时+编译器 如果你需要客户端编译模板 例如 阅读全文
posted @ 2020-03-12 15:33 懒惰ing 阅读(506) 评论(0) 推荐(0) 编辑
摘要: Vue CLI2详解 Vue CLI2初始化项目 1. 初始化命令,据你用的文件名创建一个文件夹,存放之后项目的内容 该名称也会作为默认的项目名称,但是 不能包含大写字母等 2. 项目名称不能包含大写 默认(回车)将上一个文件名作为项目名称 3. 作者的名称 默认(回车)从git中读取信息 4. 作 阅读全文
posted @ 2020-03-12 14:05 懒惰ing 阅读(1255) 评论(0) 推荐(0) 编辑
摘要: 搭建本地服务器 webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果 过它是一个单独的模块,在webpack中使用之前需要先安装它 devserver也是作为webpack中的一个选项, 阅读全文
posted @ 2020-03-12 13:28 懒惰ing 阅读(484) 评论(0) 推荐(0) 编辑
摘要: plugin(插件) plugin是插件的意思,通常是用于对某个现有的架构进行扩展 webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等 loader和plugin区别 loader主要用于转换某些类型的模块,它是一个转换器 plugin是插件,它是对webpa 阅读全文
posted @ 2020-03-12 13:27 懒惰ing 阅读(161) 评论(0) 推荐(0) 编辑
摘要: webpack配置vue 我们要使用Vuejs必须对其有依赖 Vuejs的安装,因为在实际项目中也会使用Vue,所以是运行时依赖 但是现在的情况下去写vue的代码打包不会报错,但是游览器编译会报错 主要是因为使用了runtime only版本的vue runtime only版本代码中,不可以有任何 阅读全文
posted @ 2020-03-12 12:45 懒惰ing 阅读(290) 评论(0) 推荐(0) 编辑