摘要:
什么情况下我应该使用 Vuex? Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。 如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但 阅读全文
摘要:
js 中有一个sessionstrage,其意思是当浏览器会话存在的时候会有session数据, 当用户关闭标签页同时清空浏览器session数据的时候会被清除。我们可以在不会发生大的改变,同时经常用到的存储到session strage中。 用法:sessionStrage.setItem('us 阅读全文
摘要:
axios是基于promise的http库,可以用在浏览器和node.js中 特性:从浏览器中创建XMLHttpRequests、从node.js创建http请求、支持promiseApi、拦截请求和响应、取消请求、自动转换JSON数据、客户端支持防御xsrf axios就是一个库,也可以单独独立出 阅读全文
摘要:
当打包构建应用时,JavaScript包会变的很大,影响页面加载。如果我们把不同路由对应组件分割成不同的代码块, 然后当路由被访问的时候才加载对应组件,这样就会更加高效 vue Router支持开箱即用的动态导入,这意味着你可以用动态导入代替静态导入 将import Login from '@/vi 阅读全文
摘要:
vue Cli是基于vue.js进行快速开发的完整系统 vue脚手架使用语法: vue init <模板名称> <项目名称> vue init webpack vue-spa2 安装完成就有项目目录,如下: cd vue-spa2 npm install 运行 npm run dev build 构 阅读全文
摘要:
router.beforeEach表示全局前置守卫,即从一个组件跳到另外一个组件这个过程可以进行控制。 // 一打开页面的时候就会执行,访问任何一个组件都会触发 router.beforeEach((to, from, next) => { console.log('全局前置导航守卫执行了'); c 阅读全文
摘要:
有query传参和params传参 query:通过路由传参进行拼接,如下: <router-link :to="{name:'login',query:{id:10110,username:'yansunda'}}">登录组件</router-link> 采用编程式导航使用query,使用$rou 阅读全文
摘要:
编程式导航和上面说的声明式导航的区别在于,声明式导航是先写好便签,然后进行导航。 编程式导航通过代码直接进行了导航。 通过this.$router.push()这个方法来实现编程式导航, 当然也可以实现参数传递,这种编程式导航一般是用于按钮点击之后跳转。 <!DOCTYPE html> <html 阅读全文
摘要:
实际生活中的应用界面,通常由多层组件构成,同样,URL中各段动态。路径也按某种结构对应嵌套的各层组件。 我们使用children属性来完成。 let routes = [ { path:'/user',component:User, children:[ { path:'userList', com 阅读全文
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文