- 博客(12)
- 收藏
- 关注
RSS订阅原创 项目笔记整理11-Vue中watch和computed的使用
1.watch和computed的区别：1.1.method是需要点击手动触发的；created，mounted是视图渲染时触发的，不能实时更新；而wacth和computed的数据是根据依赖数据进行实时的更新变化的。1.2.wacth监听数据，watch监听的参数可以是data中定义的数据； 不支持缓存，数据变，直接会触发相应的操作；watch支持异步。1.3.computed是计算属性，计算结果依赖于参数数据； 但是computed的结果数据，即例子中的allname不能是data中定义的数据名，
2020-07-03 13:31:04
148
原创 项目笔记整理10-vue中数组for,foreach,map
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()循环，除非抛出异常，所以想执行一个数组是否满足什么条件，返回布尔
2020-07-03 11:03:20
517
原创 项目笔记整理09-vant组件样式设置
1.vant组件样式更改，不生效的解决方法。（1）vant官方(方式一)，不删除scoped的情况下/deep/.van-dropdown-menu__title{ font-size: 20px; color: #333333; }（2）由于在我的项目中官方给的解决方法不起效，所以选择下面方式：删除每个页面的识别scoped,添加前置节点。前置节点设置为类名。在页面最外层设置。在css样式中添加最外层类名，页面之间外层类名区别设置才能起到和scope
2020-07-03 10:14:44
1174
原创 项目笔记整理08-微信授权流程（个人项目，不适用所有）
微信授权官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html本项目中微信授权的目的是货权用户名和头像以及token。中间过程由于后端担心部分流程的参数涉及安全问题，所以微信官方文档授权流程中间部分步骤涉及处理参数都由后端处理。1.1我的项目流程：（1） 第一步：用户同意授权，获取code（回调地址和后端商议，地址由后端决定，且为后端地址，code由后端获取并
2020-06-17 14:22:01
235
原创 项目笔记整理07-微信（微信中H5）JSAPI支付流程
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(){ //后台获取参数的接口
2020-06-17 11:42:15
315
原创 项目笔记整理06-vuex状态管理器的使用
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
2020-06-16 17:20:18
113
原创 项目笔记整理04-vue-cli4.0移动端适配*3
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
2020-06-10 16:14:06
608
原创 项目笔记整理03-vue中axios封装
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
2020-06-10 15:29:25
107
原创 项目笔记整理02-vue路由懒加载+组件传值
1.路由懒加载（1）异步懒加载。可以理解也是为通过Promise的resolve机制。因为Promise函数返回的Promise为resolve组件本身，而我们又可以使用import来导入组件。{ path: '/', name: 'HelloWorld', component: resolve => require(['@/components/HelloWorld'], resolve)}（2）用import方式。常用的方法。{ pat
2020-06-10 15:02:02
207
原创 项目笔记整理01-vue项目搭建
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
2020-06-10 14:17:43
188
原创 微信小程序组件传值
一、父传子：通过属性传值<1>在父组件传值的地方添加一个自定义的属性，例如：expo=“{{aaa}}”，如果值是变量加{{}}，如果不是，则去掉{{}}。父组件的wxml文件：父组件的js文件中，属性值为要传递的数据：<2>子组件（在小程序中为自定义组件）则在js文件中的Component中添加properties，在properties中接受父组件的值，并定...
2020-02-23 16:25:55
1004
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人