阿乐のBlog

Vue-router 详解前端路由规则URL的hash： URL的hash也就是锚点(#), 本质上是改变window.location的href属性. 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 HTML5的history模式：pushState： history接口是HTML5新增的, 它有五种模式改变URL而不刷新页面。 采用入栈出栈的模式，可以后退和前进。 history.pushState() HTML5的history模式：replaceState： 他和 pushState 基本类似，但是replaceState 不能后退与前进 HTML5的history模式：go： 补充说明： 上面只演示了三个方法 因为 history.back() 等价于 history.go(-1) history.forward() 则等价于 history.go(1) 这三个接口等同于浏览器界面的前进后退。 Vue-router 基础认识 Vue-router目前前端流行的三大框架, 都有自己的路由实现: Angular ...

问题：setInterval和setTimeout中传入函数时，函数中的this会指向window对象 我们先来看一个例子： 123456789101112131415var num = 0;function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this.getNumLater = function(){ setTimeout(function(){ console.log(this.num); }, 1000) }}var obj = new Obj; obj.getNum();//1　　这里打印的是obj.num，值为1obj.getNumLater()//0　　这里打印的是window.num，值为0 从上述例子中可以看到setTimeout中函数内的this是指向了window对象 ...

Vue CLI Vue CLI 官网 什么是Vue CLICLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置.。 Vue CLI使用前提Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 Vue.js官方脚手架工具就使用了webpack模板 对所有的资源会压缩等优化操作 它在开发过程中提供了一套完整的功能，能够使得我们开发过程中变得高效。 Webpack的全局安装 1npm install webpack -g Vue CLI的安装传送门 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vu ...

在我们初始化vue项目的时候，会让我们选择 Runtime-Compiler 还是 Runtime-only 。 那我们就来看一下他们有什么区别Runtime-Compiler：编译器版本。Runtime-only：运行时版本。 如果你需要在客户端编译模板（例如，向 template选项传入一个字符串，或者需要将模板中的非DOM的HTML挂载到一个元素），你需要带有编译器的版本，因而需要完整构建版本。 1234567891011// 这种情况需要编译器new Vue({ template:`<div>{{message}}</div>`})// 这种情况不需要编译器new Vue({ render(h){ return h('div',this.message) }}) 在使用vue- loader或 verify时，*.vue文件中的模板会在构建时（build time）预编译pre-compile）为 Javascri ...

错误如下： webpack默认是不能处理vue文件，所以只能我们自己添加一些额外的插件进行处理它。解决方式：第一步：安装插件 1cnpm i vue-loader vue-template-compiler --save-dev 第二步：在webpack.config.js添加如下配置： 1234567891011module: { rules: [ { test: /\.vue$/, use: { loader: 'vue-loader' } }, ] } 然后重新运行，如果还报错可能是vue-loader 版本的原因，你的版本太高了。 我们又两种方式来解决这个问题： 方式一：减低vue-loader 的版本 将vue-loader 的版本减低问14.0.0 以下。 1cnpm i vue-loader@13.0.0 --save-dev 方式二：额外 ...