weixin_46287150的博客

vuex 模块式开发vuex 是官方提供的一个插件，状态管理库，集中式管理项目中组件共用的数据。如果项目很小，完全不需要 vuex如果项目很大，组件很多、数据很多、数据维护很费劲，就用 vuex安装 vuexnpm install --save vuexvuex的基本使用在 src 文件夹下创建 store 文件夹，并在里面创建 home 文件夹、search 文件夹和相应的 index.js 文件home/index.js//home 模块的小仓库//state：仓库存储数据的地

postman 测试接口axios 的二次封装为什么要二次封装 axios请求拦截器：可以在发请求之前处理一些业务响应拦截器：当服务器数据返回后，可以处理一些业务安装 axiosnpm install --save axios在项目中 axios 请求一般放置在 api 文件夹内在 src 文件下创建 api 文件夹，并在里面创建 request.js 文件request.js//对于 axios 进行二次封装import axios from "axios"//1:利用

商品排行组件 Rank在 Home 文件夹下创建 Rank 文件夹 并在里创建 images 文件夹和 index.vue 文件index.vue<template> <!-- 商品排行 --> <div class="rank"> <div class="tab"> <div class="tab-tit clearfix"> <a href="ja

轮播图组件 ListContainer在 Home 文件夹下创建 ListContainer 文件夹 并在里创建 images 文件夹和 index.vue 文件index.vue<template> <!--列表--> <div class="list-container"> <div class="sortList clearfix"> <div class="center">

Footer 组件的显示与隐藏显示或隐藏组件：v-if | v-showFooter 组件：在 Home、Search 显示 Footer 组件Footer 组件：在登录、注册的时候是隐藏的打开 router 文件下的 index.js 改为下图打开 App.vue 改为下图路由传参params 参数：属于路径当中的一部分，需要注意，在配置路由的时候需要占位query 参数：不路径当中的一部分，类似于 ajax 中的 queryString，不需要占位使用对象的方式传参先双向

路由组件的搭建Home首页路由组件Search 路由组件Login 登录路由Refister 注册路由基于 vue-router 实现路由搭建，需要下载依赖cnpm install --save vue-router在 src 文件夹下创建 pages 文件夹，并在 pages 文件夹下创建4个文件，分别是 Home、Search、Login、Refister在这刚创建好的4个文件夹下分别都创建 index.vue 文件在相应的文件夹下的 index.vue 做好标识示例 H

在 Header 文件夹下创建 image 文件夹和 index.vue 组件index.vue<template> <header class="header"> <!-- 头部的第一行 --> <div class="top"> <div class="container"> <div class="loginList"> <p&

技术架构：vue + webpack + vuex + vue-router + axios + less…封装通用组件登录注册token路由守卫购物车支付项目性能优化…一：vue-cli 脚手架初始化项目1.新建项目文件夹（Shop）2.打开此项目下的cmdvue create app选择 vue2 的项目 然后回车然后就可以看到 自动创建了很多文件node_modules 文件夹：放置项目依赖public 文件夹：一般放置一些静态资源 (图片)，需要注意，