fyhxz0305的博客

1.watch和computed的区别：1.1.method是需要点击手动触发的；created，mounted是视图渲染时触发的，不能实时更新；而wacth和computed的数据是根据依赖数据进行实时的更新变化的。1.2.wacth监听数据，watch监听的参数可以是data中定义的数据； 不支持缓存，数据变，直接会触发相应的操作；watch支持异步。1.3.computed是计算属性，计算结果依赖于参数数据； 但是computed的结果数据，即例子中的allname不能是data中定义的数据名，

1.数组循环for,forEach,map的使用。1.1 for循环:for(let i=0;i<arr.length;i++){ console.log(arr[i])}1.2 forEach循环和map循环:区别：1、forEach()返回值（return）是undefined，不可以链式调用，改变原数组。2、map()返回（return）一个新数组，原数组不会改变。3、没有办法终止或者跳出forEach()循环，除非抛出异常，所以想执行一个数组是否满足什么条件，返回布尔

1.vant组件样式更改，不生效的解决方法。（1）vant官方(方式一)，不删除scoped的情况下/deep/.van-dropdown-menu__title{ font-size: 20px; color: #333333; }（2）由于在我的项目中官方给的解决方法不起效，所以选择下面方式：删除每个页面的识别scoped,添加前置节点。前置节点设置为类名。在页面最外层设置。在css样式中添加最外层类名，页面之间外层类名区别设置才能起到和scope

微信授权官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html本项目中微信授权的目的是货权用户名和头像以及token。中间过程由于后端担心部分流程的参数涉及安全问题，所以微信官方文档授权流程中间部分步骤涉及处理参数都由后端处理。1.1我的项目流程：（1） 第一步：用户同意授权，获取code（回调地址和后端商议，地址由后端决定，且为后端地址，code由后端获取并

JSAPI方式的支付只在微信浏览器中进行的，适合的是公众号中的H5页面的支付，以我的项目为例，是在微信公众号中部署了vue构建的的一个项目模块。微信JSAPI官方文档：https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4微信其他支付方式官方文档：https://pay.weixin.qq.com/wiki/doc/api/index.htmlmethods:{ getParams(){ //后台获取参数的接口

1.在vuex中设置（异步调用数据）ps：cli脚手架中选择安装时带有vuex，所以没有单独再次安装 import Vue from "vue"; import Vuex from "vuex"; import { userLogin } from '../api/api'; Vue.use(Vuex); export default new Vuex.Store({ state:{//要设置的全局访问的state对象 tokens:'', changeNum:1005

前端跨域：http-proxy-middleware 代理解决

vue-cli4.0移动端适配*31.第一/二种方案(常用)——px转rem适配方案使用px转成rem：让网页根据设备dpr和宽度，利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备。（1）第一步：yarn add lib-flexible 或者 npm install lib-flexible(公共)在main.js引入中：import 'lib-flexible/flexible.js'（2.1）第二步第一种方法：安装postcss-px2remy

vue中axios封装1. 封装axios//设置index.jsimport axios from 'axios';import Vue from 'vue';// 环境的切换const isDev = process.env.NODE_ENV === 'development'// isDev --- true ---- 开发环境 ---- npm run serve// isDev ---- false ---- 生产环境 ---- npm run bu

1.路由懒加载（1）异步懒加载。可以理解也是为通过Promise的resolve机制。因为Promise函数返回的Promise为resolve组件本身，而我们又可以使用import来导入组件。{ path: '/', name: 'HelloWorld', component: resolve => require(['@/components/HelloWorld'], resolve)}（2）用import方式。常用的方法。{ pat

1.vue项目起始1.项目搭建：1.node 配置：（1）安装node下载地址为：https://nodejs.org/en/（2）检查node版本：node -v 检查npm版本：npm -v（3）淘宝镜像npm：npm config set registry https://registry.npm.taobao.org（4） 验证是否成功： npm config get registry// 或npm info express（5）通过cnpm使用：npm install -g cnpm

一、父传子：通过属性传值<1>在父组件传值的地方添加一个自定义的属性，例如：expo=“{{aaa}}”，如果值是变量加{{}}，如果不是，则去掉{{}}。父组件的wxml文件：父组件的js文件中，属性值为要传递的数据：<2>子组件（在小程序中为自定义组件）则在js文件中的Component中添加properties，在properties中接受父组件的值，并定...