qq_44774198的博客

效果如图：鼠标移入显示二维码，鼠标移走二维码隐藏。<a class="mouseaction" @mouseover="mouseover" @mouseleave="mouseleave" > <img class="wxlogo" src="./images/wxlogo.png" /> </a>

效果图如下所示：步骤如下：使用element ui的steps步骤条来做，active==0表示第一个步骤被选择。如何更换步骤条下方的内容？使用vue的语法v-if，判断active的状态来显示不同的内容。<div class="telcontent" v-if="active == 1"><div class="username" v-if="active == 2">倒计时效果代码：<span v-show="show" @click="getCo

Vue使用ElementUI第一步：npm install element-ui --save第二步：主要代码（安装完成后在 main.js 添加全局引用）：import ElementUI from "element-ui";import "element-ui/lib/theme-chalk/index.css";Vue.use(ElementUI);第三步：element ui官网找组件引用。...

vue登录注册模块代码编写。效果图：当a标签中没有href属性的时候，没有小手的标志。测试阶段，因此用的私人微信号来充当二维码。增加了阴影效果，圆角化处理。代码展示：<template> <div class="login-container"> <div class="header"> <div class="logo"> <router-link to="/home">

开发产品详情页面1.静态组件（详情页的组件，还没有注册为路由）当点击商品的时候，跳转到详情页面，在路由跳转的时加上产品的id给详情页面滚动行为2.api–接口文档3.vuex–》获取产品详情信息vuex新增模块detail需要回到大仓库进行合并数据解释------------售卖属性[{attr:“颜色”，atrValue：[“粉色”，“蓝色”]}，{attr：“版本”，attrvalue：[16,22]]...

1.复习1）search模块需要的服务器数据，已经请求到了，并存贮再来vuex仓库中，有一些数据通过getter进行简化切记：getters简化数据而生2）商品列表、平台售卖的属性已经动态数据1）动态的开发面包屑中的分类名：编程式导航路由调转（自己跳自己）2）动态开发面包屑中的文字2.1 当面包屑中的关键字清除之后，需要让兄弟组件header组件中的关键字清除设计组件通信：props：父子自定义事件：子父vuex：万能插槽：父子pubsub-js：万能$bus：全局事件总线在m

1.复习1）search模块需要的服务器数据，已经请求到了，并存贮再来vuex仓库中，有一些数据通过getter进行简化切记：getters简化数据而生2）商品列表、平台售卖的属性已经动态数据1）动态的开发面包屑中的分类名：编程式导航路由调转（自己跳自己）2）动态开发面包屑中的文字2.1 当面包屑中的关键字清除之后，需要让兄弟组件header组件中的关键字清除设计组件通信：props：父子自定义事件：子父vuex：万能插槽：父子pubsub-js：万能$bus：全局事件总线在m

1.复习1）完成商品分类的三级列表路由跳转一级路由传参（合并参数）2）完成search模块中对于typenav的使用（过渡动画）3）对于typenav请求次数也进行了优化4）swiperswiper插件：经常制作轮播图，移动端，pc端都可以使用使用步骤：第一步：引入相关依赖包（swiper.js|css）第二步：页面的结构必须要有第三步：初始化swiper实例，给轮播图添加动态效果5）mock数据，通过mockjs模块实现2.轮播图问题最完美的方法解决轮播图定时器：setTimeo

1.复习：1.商品分类的二级列表由静态变为动态【获取服务器数据、解决跨域问题】2.函数的防抖与节流【面试频率很高】3.路由的跳转与传参跳转：声明式导航（router-link）、编程式导航编程式导航解决这个问题：自定义属性2.开发search模块中的typenav分类菜单（过渡动画）过渡动画：前提组件或者元素务必要有v-show或者v-if指令才能进行过渡。              <h2 class=“a

1.一级分类添加背景颜色第一种：采用样式完成        .item:hover {          background-color: skyblue;第二种：采用js完成待定2.js控制二三级分类的显示与隐藏1.最开始通过css的display：显示与隐藏 // &:hover {          //   .it

1.警告错误编程式路由跳转到当前路由（参数不变），多次执行会抛出NavigationDuplicated的警告错误？----路由跳转方式：声明式导航，编程式导航注意:编程式导航（push|replace）才会有这种情况的异常，声明式导航是没有这种问题，因为声明式导航内部已经解决这种问题。这种异常，对于程序没有任何影响的。1.1为什么会出现这种现象:由于vue-router最新版本3.5.3，引入了promise，当传递参数多次且重复，会抛出异常，因此出现上面现象,1.2第一种解决方案：是给p

day011.vue-cli脚手架初始化项目node+webpack+淘宝镜像vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. 报错全局淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm下载缓慢：npm config set registry https://registry.npm.taobao.org 配置淘宝镜