【React】什么是JSX
一、什么是JSX？ JSX是一种JavaScript的语法扩展，运用于React架构中，其格式比较像是模版语言，但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位，JSX就是用来声明React当中的元素，React使…
【React】基本使用（非框架）、真实DOM与虚拟DOM对比
一、前言： 使用react需要引入我们的对应的react的js文件，可以在BootCDN中找到以下js自行引入： 1.development：React的核心库 2.dom.development：React的dom库 3.babel：解析jsx 4.在script时：需要在script标签…
【React】初识React（转载）
一、React简介： React官网 1、React是Facebook开发的一款js库 2、React一般被用来作为MVC中的V层，它不依赖其他任何的库，因此开发中，可以与任何其他的库集成使用，包括JQuery、Backbone等。 3、它可以在浏览器端…
【git】常用操作指令
git的操作指令 Mrakdown文档 设置用户名及邮箱 用户名 global全局设置 git config --global user.name '用户名' 邮箱 git config --globl user.email '邮箱' 初始化 会生成一个隐藏文件夹git，来初始化我们的环境 g…
【Vue】Vuex
什么是Vuex？（官方解释） Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 说明：简而言之，就是用来…
【Vue】Vant组件库的使用案例（vite）
Vant 轻量、可定制的移动端VuezujianVant官网 步骤; 1.下载vant模块 安装新版vant：npm i vant 2.1全局引入方法; import { createApp } from 'vue'; // 1. 引入你需要的组件 import { Button } from 'vant…
【Vue】组合式API
前言： 在vue3中提供了两种组织代码逻辑的方法： 1、通过data、methods、watch 等配置选项组织代码逻辑是 选项式API 写法。所谓选项式就是你只能在vue 提供的组件封装对象的对应属性中书写代码。比如： <…
【Vue】插槽slot
1.匿名插槽 子组件中; <!-- 视图区 --> <template> <div> <!-- 匿名插槽 --> <h3>匿名插槽</h3> <slot></slot> <slot></slot&g…
【Vue】meta 路由元信息（转载）
什么是路由元信息？ 有时，你可能希望将任意信息附加到路由上，如过渡名称、谁可以访问路由等。这些事情可以通过接收属性对象的meta属性来实现，并且它可以在路由地址和导航守卫上都被访问到。定义路由的时候你可以…
【Vue】路由守卫
Vue路由守卫 路由守卫：简单理解来说就是，当用户要进行一些操作时，我需要用户的一些信息或数据或行为，经过判断过后，才会同意用户进行操作。 比如：某些外卖软件当我们进入点餐时，如果没有登录，那么页面会自动…
【Vue】vue-Router传值
前言： 使用vue-router前先检查我们是否有安装好vue-router，我们可以在package.js这个文件下查看我们项目的环境依赖是否存在vue-router 下载vue-router npm i vue-router 使用vue-router传值 文件结构： …
【Vue】vue-router路由
1.下载v-router npm i vue-router 2.创建js文件引入vue-router createRouter：必须引入 createWebHashHistory：哈希路由 createWebHistory：历史路由 // 引入创建路由的api--createRouter // createW…
川公网安备 51190202000355号