08 2022 档案
摘要：一、常用基础组件 Rich-text 作用: 解析html代码, 与v-html和innerHTML相似 <rich-text nodes="{{ str }}"></rich-text> Picker <!-- 普通选择器 --> <picker mode="selector" range-key
阅读全文
摘要：防抖和节流 防抖 /* 应用场景: 当用户进行了某个行为(如点击)之后,不希望每次行为都会触发方法,而是行为做出后,一段事件内没有再次重复行为,才给用户响应. 实现原理: 每次触发事件时设置一个延时调用方法,并且取消之前的延时调用方法 */ 快捷实现： lodash <!DOCTYPE html>
阅读全文
摘要：小程序相关 一、vant weapp的引入 vant weapp-小程序vant版文档：https://vant-contrib.gitee.io/vant-weapp/#/home 1、打开调试器终端，安装vant weapp： npm init -y # 通过 npm 安装 npm i @van
阅读全文
摘要：一、wx.request网络请求 小程序不存在跨域问题,存在域名合法性 在小程序开发过程中,可以不去配置域名表名单 但是需要在微信开发者工具设置 : 详情=> 本地设置=>勾选不检验合法域名 wx.request({ url:'地址', method:'GET|POST', data:{}, //传
阅读全文
摘要：一、template模板 1. 定义模板(其他wxml文件中) <template name="模板名"></template> 2. 使用模板(当前wxml文件中) <template is="模板名"></template> 3. 传递参数(当前wxml文件中) <template is="模板
阅读全文
摘要：微信小程序 | 小程序 | App | | | : | | 大小有限制 , 不超过2M(功能相对局限) | 大小无限制 (功能更强大) | | 不用安装 , 不用更新 (方便) | 需要到商城下载 , 定期更新(复杂) | | 打开方式 (先打微信->小程序) 适合使用频率低 | 打开方式非常方便
阅读全文
摘要：Axios请求封装 封装: 将当前的某个请求单独放在一个目录中,方便. 第一步: 在src中新建一个目录和文件(完成数据请求) request/requres.js 1. 封装axios请求源码 import axios from 'axios'; const ins=axios.create(
阅读全文
摘要：VantUI组件库 (vant 2) 1. vantUI地址 https://vant-contrib.gitee.io/vant/v2/#/zh-CN/ https://vant-ui.github.io/vant/v2/#/zh-CN/calendar#jie-shao //速度慢 2. 安装v
阅读全文
摘要：Axios 1. 安装axios npm i axios //在需要请求接口的组件中引入 axios import axios from 'axios' 2. 语法格式 created(){ //解决跨域问题时,如果在路径中写代理名,代理名也会成为路径 axios.get|post('请求路径',{
阅读全文
摘要：Git 定义:是n种版本控制器的其中一种 版本控制器:就是在开发阶段辅助我们团队开发的工具 关于git下载 git官网:https://git-scm.com/ 下载对应版本的客户端 具体的安装就是一通下一步,就可以安装完成 在win系统中右键,可看看到git就证明我们安装完成 git的使用 1.我
阅读全文
摘要：vuex(状态管理模式) 常用文件 store/index.js export default new Vuex.Store({ state:{}, getters:{}, mutations:{}, actions:{}, modules:{} }) 1. 获取(state)中的数据 1. 直接获
阅读全文
摘要：路由 1. 路由链接 (通过路由跳转到组件) <router-link to="路由规则"></router-link> 2. 路由占位: 要跳转到的组件 <router-view></router-view> localhost:8081/路径 当前跳转的就是该路径对应的组件的占位 3. 路由文件
阅读全文
摘要：keepAlive!! //keepAlive 是vue中的一个内置组件,可以在切换组件时,使组件内的内容保留原有状态,防止DOM的重复渲染 1. 使用环境: 登录和注册对应的路由和组件 /login => login.vue /reg => reg.vue //当两个页面互相切换时,如果登录页已经
阅读全文
摘要：脚手架入门 1. 什么是脚手架 辅助我们搭建项目的工具,可以使用脚手架搭建一个项目 2. 安装脚手架 //1. 安装脚手架 npm i -g @vue/cli //2. 安装后,可以查看脚手架版本,如果出现版本号,代表安装完成 vue --version 3. 使用脚手架搭建vue项目 //1.脚手
阅读全文
摘要：webpack打包 定义: webpack是一个静态资源打包工具(html,css,js) webpack的使用(第一种方法) 1. 安装webpack [x] ```javascript // 使用node安装webpack 安装参数说明: 1. -g 全局安装 2. -D 安装在devDepen
阅读全文
摘要：一个案例: 使用组件和插槽遍历表格 //需求: 将表格封装成组件,表格中的内容是循环数据得到的,每使用一次组件,通过组件与Vue对象之间的通讯,传递不同的数据,使每次遍历的表格内容不同,其中表格中的操作标题中的按钮也可以使用具名插槽设置不同的标签内容 插槽中的数据传递 // 如果在插槽中需要在组件模
阅读全文
摘要：动态组件 // 动态组件: 实现了组件的占位 语法格式: <component :is="组件名"></component> //:is的值是哪个组件名,就在这个固定位置渲染这个组件内容 eg: <button @click="fun('myDemo01')">火锅</button> <button
阅读全文
摘要：Vue初级 过滤器 作用: 过滤数据 例如: 2022-08-02 转换成 2022/08/02 10元 转换成 ¥10 1.声明过滤器 new Vue({ el:'', data:{ //实参数据,filters会接收 }, filters:{ 方法名(形参){ 方法体 return 过滤后的结果
阅读全文
摘要：v-for 系统循环指令 语法格式: <元素 v-for="(值,键) in 要循环的数据" :key="唯一标识"></元素> //如果不需要键,语法格式可以写为 <元素 v-for="值 in 要循环的数据"></元素> //如果没有设置key,那么默认标识数据唯一标识的就是数组的键 //(但是
阅读全文
