摘要：一、普通的表单验证 🔊：普通的表单校验直接在最外层<el-form> :model="数据" :rules="规则" ，再在<el-form-item>层设置prop值与model里数据定义的key保持一致即可。 <el-form-item label="名称" prop="ruleName" : 阅读全文

摘要：一、动画基本使用 1. vue的transition动画 Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡： 条件渲染 (使用 v-if)条件展示 (使用 v-show) 动态组件 组件根节点 示例 <template> <!-- 触发器 --> 阅读全文

摘要：一、配置 eslint ESLint 是一款插件，主要用来检测编写的（ JavaScript ）代码是否符合规范。当然在一个团队中也会自定义一些规范条件。另外正常情况下我们不需要单独安装 ESLint 去使用,例如 vite 脚手架搭建的项目一般都是帮你集成好了。 1. 安装并使用 ⏰ 前提条件：内 阅读全文

摘要：WXSS是一套样式语言，用于描述WXML的组件样式。 官方文档表示，WXSS的选择器目前支持（“.class”、“#id”、“elemnt”、“element,element”、“::after”、“::before”）,而且本地资源无法通过WXSS获取，所以WXSS中的样式都是用的网络图片，或者b 阅读全文

摘要：一，概述 框架的视图层由WXMKL（WeiXin Markup language）与WXSS（WeiXin Style Sheet）编写，由组件进行展示。 对于微信小程序而言，视图层就是所有.wxml文件与.wxss文件的集合。 微信小程序在逻辑层将数据进行处理后发送给视图层展现出来，同时接受视图层 阅读全文

摘要：一、概述 逻辑层，是事务逻辑处理的地方。对于小程序而言，逻辑层就是.js脚本文件的集合。逻辑层将数据进行处理后发送给视图层，同时接收视图层的事件反馈。 微信小程序开发框架的逻辑层是由JavaScript编写。在JavaScript的基础上，微信团队做了一些适当的修改，以便提高开发小程序的效率。 主要 阅读全文

摘要：一、全局配置：app.json 微信小程序的全局配置保存在app.json文件中。开发者通过使用app.json来配置页面文件（pages）的路径、窗口（window）表现、设定网络超时时间值（networkTimeout）以及配置多个切换页（tarBar）等。 首先看一个典型的全局配置app.js 阅读全文

摘要：我们可以知道，.js文件是页面逻辑处理层。我们可以按需在app.js和page.js中添加程序在生命周期的每个阶段相应的事件。如在页面的onLoad时进行数据的下载，onShow的时候进行数据的更新。 典型的app.js代码结构如下： app.js文件中有3个生命周期函数：onLaunch、onSh 阅读全文

摘要：1、Text 组件 Text 组件用于显示文本，类似于 html 中的 span 标签，是行内元素，下面是 Text 组件的属性和基本使用。官方文档 属性类型默认值必填说明最低版本 selectable boolean false 否 文本是否可选 1.1.0 space string nbsp：根 阅读全文

摘要：Vite 和 TypeScript 处理模块和路径别名的方式略有不同，这就是为什么你可能需要在 tsconfig.json 中进行额外配置的原因。 一、Vite 中的路径别名 在 Vite 中配置路径别名主要用于客户端代码的模块解析。Vite 使用自己的解析策略，其中包括对 import.meta. 阅读全文

摘要：一、需求场景 vue项目，axios.post提交请求之后，接收返回的response.data中，含有 \n 的字符串。那么，如何让 \n 页面中显示为换行效果？ 二、效果图对比 🔊修改前 🔊修改后 三、实现方法 1、通过 css属性实现 即：设置 white-space: pre-wrap; 阅读全文

摘要：一、全局配置 1. app.json配置文件 🔊：小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，它决定了页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 在 app.json 配置文件中，最主要的配置节点是： pages 数组：配置小程序的页面路径 wind 阅读全文

摘要：七，页面传参 wxml <view> <navigator open-type="navigate" url="/pages/event/event?name=mumu&age=18">事件event</navigator> </view> <view> <navigator open-type=" 阅读全文

摘要：四，基本语法 小程序的模板语法约等于vue的模板语法 ☘️ 1，文本渲染 {{ msg }} 可以执行简单的js表达式 {{ 2+3 }} {{ msg.length }} ☘️ 2，条件渲染 wx:if="{{}}" <!--注意：这里给Vue有所不同，这里引入变量也需要加{{ }} --> wx 阅读全文

摘要：样式穿透：当我们在vue项目中引用到第三方组件时，比如element-ui,常常需要更改某些元素的样式，但如果使用常规的css样式覆盖的方式是经常无效的，那么我们就要用到“样式穿透”的方法。 一、使用scoped的原理是什么？ 在一个组件中，我们定义组件样式一般写在页面的最下方,以style包裹 < 阅读全文

摘要：1. Vue2 中的 ref 属性 <template> <div class="wrap"> <div ref="box">box</div> <ul> <li v-for="i in 4" :key="i" ref="li">第{{ i }}项</li> </ul> </div> </templ 阅读全文

摘要：一，介绍微信小程序 微信小程序是小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。小程序上线要求不能大于2M。如果小程序非常复杂 , 必须超过2M， 可通过分包处理的方案，完成需求。按照功能 阅读全文

摘要：一、封装思路 有了一个清晰的请求流程图，我们便可以区分出来两块重要的内容来进行拆分： 基础请求流程 、 拦截器 。 基础请求流程 基础请求流程，我们大致可以分为三块， 一是 请求进入请求拦截前 、二是 真正发起的请求 、三是 请求从响应拦截出来后 。 这其中可以归为两类， ☘️ 一类是 针对单独接口 阅读全文

摘要：一. 导航守卫 正如其名，vue-router中存在三种钩子，也叫hook，生命周期，守卫等。vue-router有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 路由守卫(导航守卫)分为三种：全局守卫（3个）、路由独享守卫（1个）、组件的守卫（3个）。 记住！！！参数par 阅读全文

摘要：一. 路由的概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。 传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中， 阅读全文