前端
vite技术揭秘--环境变量
前言
我们开发中不可避免的要根据环境变量来做一些逻辑分支，在vite中有两种实现方式，即define和.env文件
示例
通过cross-env包设置环境变量，并通过define向页面中export
在.env中使用VITE_作为开头命名
源码
define
读取配置的整体流程和proxy差不多，这里就不展开说了，总之就是
Vue.js基础-10-监听子组件事件（v-on）、绑定子组件数据（v-model）
1. 监听子组件触发的事件（v-on）
说明
父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件
完整示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CROW-宋</title>
<script src="ht
Vue中的内置指令与自定义指令
一、内置指令
1、v-text指令 ：向标签中添加文本
2、v-html指令：向指定恒点中渲染包含html结构的内容。
2-1、与插值语法的区别:
(1).v-html会替换掉节点中所有的内容，{{xx}}则不会 。
(2).v-html可以识别html结构。
2-2、严重注意: v-html有安全性问题！！！
(1).在网站上动态演染任查HTML是非常危险的，容易导致XSS攻击。
(2).定要
584. 【前端】style-loader和MiniCssExtractPlugin.loader
style-loader和MiniCssExtractPlugin.loader是Webpack中常用的用于处理CSS的loader之一。
style-loader将CSS代码以内联样式的形式插入到HTML页面的<head>标签中。使用style-loader的好处是，样式可以立即应用于页面，并且可以动态更新，例如在JavaScript中使用style属性更改元素的样式时，这些更改可以
Pinia的简单使用
1.什么是Pinia？
1.pinia 和 vuex 具有相同的功效， 是 Vue 的存储库，它允许您跨组件/页面共享状态。
2.设计使用的是 Composition api，更符合vue3的设计思维。
3.Pinia 对 Vue 2 和 Vue 3 都有效，并且不需要您使用组合 API。
2.Pinia 的使用
2.1 Pinia 的安装
在安装Pinia的时候可以使用yarn 也可以使用 np
基于uniapp的简单TodoList应用程序实现
1. 前言
本章将介绍如何使用uniapp开发一个简单的TodoList应用程序。通过这个项目实践，你将巩固所学的uniapp基础知识和技能，并且了解如何将它们应用到实际开发中。
2. 项目概述
我们要实现一个TodoList应用程序，它具有以下功能：
添加待办事项
查看待办事项列表
标记已完成事项
删除事项
3. 页面设计
为了实现上述功能，我们需要创建两个页面：添加待办事项页面和待办事项列
蓝桥第四课-新增商品页面开发以及接口调用
这节课来实现新增商品，首先是点击【添加商品】按钮实现跳转页面，在定义点击方法跳转页面之前，要先新建一个页面addShop
在【src/views/shopModel】文件夹下，新建一个【addShop】文件夹，在文件夹内新建【index.vue】
在【index.vue】内敲快捷键vbase（前提是你的vscode已经安装了Vue VSCode Snippets插件），快速生成vue组件基础结构
