随笔分类 - vue
摘要：【vue踩坑记录】3、“Error in render: "TypeError: Cannot read property '0' of undefined"”渲染错误问题 最后发布:2019-02-09 20:20:07首发:2019-02-09 20:20:07 原文链接：https://blo
阅读全文
摘要：// 创建axios实例 const service= axios.create({ baseURL:'/api',//配置基础路径 timeout:3000 }) //请求拦截器 service.interceptors.request.use(config=>{ //发送请求，开始进度条 Npr
阅读全文
摘要：放图 home模块的vuex home.js // 引入ajax的函数 import {reqCategoryList} from '@/api' const state= { CategoryList:[] } const mutations={ RECEIVECATEGORYLIST(state
阅读全文
摘要：一，新建axios文件夹，axios二次封装 Ajax.js 前后台交互模块ajax模块，对axios的二次封装 获取数据离不开ajax，所以先把ajax工具搞定 配置基础路径和超时限制 添加进度条信息 nprogress 返回的响应不再需要从data属性当中拿数据，而是响应就是我们要的数据 统一处
阅读全文
摘要：描述: 编程式路由跳转到当前路由(参数不变), 会抛出NavigationDuplicated的警告错误 声明式路由跳转内部已经处理 原因：vue-router3.1.0之后, 引入了push()的promise的语法 如果没有通过参数指定成功或者失败回调函数就返回一个promise来指定成功/失败
阅读全文
摘要：需求：需要跳转到login和register组件时，footer组件影藏 路由配置项中配置meta { path:'/login', component:Login, // 用来判定底部是否隐藏 meta:{ isHide:true } }, { path:'/register', componen
阅读全文
摘要：typeNav.vue html部分 <transition name="show"> <div class="sort" v-show="isShow"> <div class="all-sort-list2" @click="toSearch"> <div class="item" v-for=
阅读全文
摘要：typeNav.vue 模板template 一.移入移出背景颜色显示与隐藏， <div @mouseleave="moveOut" @mouseenter="isShow=true"> <h2 class="all">全部商品分类</h2> <transition name="show"> <di
阅读全文
摘要：js部分, app.vue //本来我们请求三级分类列表的功能是在TypeNav里面去做的，TypeNav组件又在 /home 路径下，加载TypeNav后，自动会发送ajax请求， //而当从 /home 路由切换到 /serach 路径后，因为 /serach 路径 也有 TypeNav组件，加
阅读全文
摘要：一，使用声明式路由连接到search组件，使用组件对象（申明式路由），会让浏览器卡顿，可采用编程式路由 模板template 二， 每个连接路由使用编程式路由，效率还不是很高，因为每个类别都添加了相同的点击事件，多加了很多回调，浪费内存，可采用事件委派，给相同的父元素添加即可 <div class=
阅读全文
摘要：meta简单来说就是路由元信息 也就是每个路由身上携带的信息。这里简单的举两个例子:其次还有一个功能就是能够控制公共组件的显示或隐藏 原文链接：https://blog.csdn.net/Ares0412/article/details/98795576?utm_medium=distribute.
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键： // 在单独构建的版本中辅助函数为 Vuex.mapState import { mapState } from 'vuex
阅读全文
摘要：NProgress是页面跳转是出现在浏览器顶部的进度条官网：http://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress 如下图所示，绿色的进度条就是NProgress实现的效果 1、安装$ npm ins
阅读全文
摘要：router.push 的语法规则如下： router.push(location（导航路径）, onComplete（成功的回调）?, onAbort?（失败的回调）)router.push(location).then(onComplete).catch(onAbort)router.repla
阅读全文
摘要：vue-webpack项目本地开发环境设置代理解决跨域问题 前言： 一般跨域问题只要后端配置好的话，是不需要前端做处理的，但也不能保证你遇到的所有后端都能很好的处理这个问题，这个时候可能就需要前端设置代理解决这个问题了。 配置方法： 1. config/index.js proxyTable: {
阅读全文
摘要：在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使
阅读全文
摘要：组件 (Component) 是用来构成你的 App 的业务模块，它的目标是 App.vue。 插件 (Plugin) 是用来增强你的技术栈的功能模块，它的目标是 Vue 本身。 简单来说，插件就是指对Vue的功能的增强或补充。 比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个
阅读全文
摘要：在已有dom元素上创建一个vue组件 <div id="app"> </div> var app = new Vue({ el:'#app', data:{ message:'', } }) 自定义vue组件： <div id="app"> <my-example></my-example> </d
阅读全文
摘要：自定义指令 使用Vue.directive()定义全局的指令v-focus 参数1 ：指令的名称，注意，在定义的时候，名称前面不需要加 v- 前缀，但在调用的时候，必须在指令名称前加上 v- 前缀来进行调用 参数2： 是一个对象，这个对象身上，有一些指令相关的函数，这些函数可以在特定的阶段，执行相关
阅读全文
浙公网安备 33010602011771号