摘要: 一、 Promise是异步编程的一种解决方案 二、什么时候需要处理异步编程? 1、网络请求 我们封装一个网络请求的函数,因为不能立即拿到结果,所以我们往往会传入另外一个函数 在数据请求成功时,将数据通过传入的函数回调出去,但是当网络请求非常复杂时,就会出现回调地狱 三、Promise的三种状态 当我 阅读全文
posted @ 2020-01-09 19:48 jbw123 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 在webpack.base.conf.js中存在一个resolve的属性:其中alias是别名的意思,可以在这一项中为对应的文件夹起别名 resolve: { extensions:['.js', '.vue', '.json'], alias: { '@':resolve('src'), 'ass 阅读全文
posted @ 2020-01-03 10:00 jbw123 阅读(470) 评论(0) 推荐(0) 编辑
摘要: 在开发Vue项目时,大部分组件是没有必要多次渲染的,所以Vue提供了一个内置组件keep-alive来缓存组件内部状态,避免重复渲染 文档:和<transition>相似,<keep-alive>是一个抽象组件:他自身不会渲染一个DOM元素,也不会出现在父组件链中 一、用法 1、缓存动态组件 <ke 阅读全文
posted @ 2020-01-02 15:12 jbw123 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 一、为什么需要导航守卫? 有时候我们需要通过路由来进行一些操作,比如最常见的登录权限验证,当用户满足条件时,才让其进入导航,否则就取消跳转,并跳到登录界面让其登录 我们有很多方法植入路由的导航过程:全局的,单个路由独享的,或者组件级的 二、全局守卫 vue-router全局有三个守卫: 1、rout 阅读全文
posted @ 2020-01-02 12:00 jbw123 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 1 build文件build:文件夹下存放webpack的一些配置,webpack是前端网站的一种项目编译、运行、打包工具。 build.js:是我们完成项目之后需要运行的, 可以将我们的项目文件打包成 静态文件,存放在项目根目录的 dist 文件夹中(现在目录里还没有这个文件夹,build的时候会 阅读全文
posted @ 2020-01-02 09:46 jbw123 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 二、vue-router是什么 这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue 阅读全文
posted @ 2020-01-02 09:04 jbw123 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 在使用vue init创建脚手架的时候会有如下的选择: Runtime + compiler Runtime only 1、区别一 通过这两种方法创建的脚手架,区别在于main.js(在src文件夹中) 在Vue实例中,runtime-compiler创建的项目中参数是: components和te 阅读全文
posted @ 2020-01-01 20:20 jbw123 阅读(2044) 评论(0) 推荐(0) 编辑
摘要: 在TabBarItem.vue文件中 <template> <div class="tab-bar-item" @click=itemClick> <div v-if='!isActive'> <slot name="item-icon"></slot> </div> <div v-else> <s 阅读全文
posted @ 2020-01-01 19:53 jbw123 阅读(634) 评论(0) 推荐(0) 编辑
摘要: 一、$route表示当前路由信息对象 表示当前激活的路由的状态信息,包含了当前URL解析得到的信息,还有URL匹配到的路由记录 路由信息对象:即$router会被注入每个组件中,可以利用它进行一些信息的获取 1)$route.path: 字符串,对应当前路由的路径,总是解析为绝对路径:'/foo/b 阅读全文
posted @ 2020-01-01 19:12 jbw123 阅读(404) 评论(0) 推荐(0) 编辑
摘要: 在src/components下新建一个文件夹:tabbar 在该文件夹下创建两个vue文件:TabBar.vue和TabBarItem.vue 1、在TabBar.vue文件中:设置tab-bar的样式 <template> <div id="tab-bar"> <slot></slot> </d 阅读全文
posted @ 2020-01-01 18:33 jbw123 阅读(739) 评论(0) 推荐(0) 编辑