行如逆水行舟，不进则退

this;this;</</</

Vue.js 靠谱、简单并支持触摸的窗格分割器/调整器。用于实现可调节窗口，支持Vue2、Vue3。

中文文档：[https://gitcode.com/vbenjs/vite-plugin-mock/blob/main/README.zh_CN.md)

使用插件i18n实现国际化多语言

Vue3的响应原理和Vue2不同，它就规避了这种造成响应丢失的情况，所以在Vue3中是没有$set这个API的。但是Vue3的响应原理还是有缺陷的，还是有可能出现响应丢失的情况。但我暂时没遇到过，等下次遇到的时候再来研究记录。

这个问题具体要看项目和业务情况，因为组件的加载顺序是，会先执行父组件的前3个生命周期，再执行子组件的前4个生命周期。如果业务是父组件引入子组件，并且优先加载子组件的数据，那么在父组件中当前请求要放在。如果请求是在methods里封装好的，在beforeCreate里是拿不到methods的方法的。如果使用了keep-alive组件，当前组件会额外增加两个生命周期。中，让子组件的请求先去执行，让子组件的数据先加载出来。如果当前组件加入了keep-alive，只会执行。：有父子组件关系的时候，进行请求；

使用 Vite 导出的 loadEnv 函数来加载指定的 .env 文件。：全局环境默认配置文件，无论什么环境都会加载合并。：uat环境的配置文件。Vite 在一个特殊的。：开发环境的配置文件。对象上暴露环境变量。

aliaspath: "/",// alias: "/home", // 单个alias: ["/home", "/index"], // 多个meta: { title: '首页', icon: '', keepAlive: true }},meta: { title: '个人主页', icon: '', keepAlive: true }routes,})路径和/home/index是同一页面。

一种渐进式JavaScript框架，易学易用，性能出色，适用场景丰富的web前端框架。是一个框架，也是一个生态。

【代码】引用微信jssdk实现h5二次分享。

vue通过vant列表实现下拉到底部加载更多列表数据

vue由于eslint报的各种错的解决方式报错：Mixed spaces and tabs no-mixed-spaces-and-tabs报错：Mixed spaces and tabs no-mixed-spaces-and-tabs.eslintrc.js文件的 rules 添加 'no-mixed-spaces-and-tabs': 0

用animation做无缝匀速滚动原理应用原理最外层需要一个可视大小的盒子（黑色部分）。记得给这个盒子添加高度（高度和蓝粉色盒子一样）在可视的盒子里需要放一个盒子，该盒子的宽度就是粉色蓝色盒子宽度的总和，其实也就是你需要动画部分宽度的两倍。然后需要给这个box一个相对定位 position: relative粉色和蓝色盒子里放的是一样的东西，通过这样来达到视觉上无缝的效果。需要给这两个盒子加绝对定位 position: absolute 。我们就是通过改变它们lefft right 值来实现滚动

vue中使用animate.css安装main.js引入样式例子文档知识点记录遇到问题记录安装npm install animate.css --savemain.js引入样式import animated from 'animate.css'Vue.use(animated)例子<template> <h1 class="animate__animated animate__rotateOutDownRight animate__infinite animate

网上教程很多，但因为各个版本兼容等等问题，试了好久才引入运用成功。以下是直接引用swiper的方式（非vue-awesome-swiper）（vue-awesome-swiper的方式引用后有问题，目前不知道怎么解决）安装npm install swiper@5main.js引入样式import "swiper/css/swiper.css"在需要使用到的组件内引入swiperimport Swiper from 'swiper'例子<template> <d

Vue教程知识整理序言 vue.js介绍1. 安装与部署2. 创建第一个vue程序3. 数据与方法4. 生命周期5. 模板语法-插值文本原始HTMLAttribute使用 JavaScript 表达式序言 vue.js介绍Vue.js是渐进式的JavaScript框架优点：体积小。压缩后33k更高的运行效率。虚拟DOM双向数据绑定。让开发人员不再执着于DOM，更关注于业务逻辑生态丰富、学习成本低。1. 安装与部署安装略，详细见https://cli.vuejs.org/zh/guide

Vue基础①1. 前端工程化1.1 什么是前端工程化1.2 前端工程化的解决方案2. webpack的基本使用2.1 什么是webpack2.2 创建列表隔行变色项目1. 前端工程化1.1 什么是前端工程化前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。企业中的 Vue 项目和 React 项目，都是基于工程化的方式进行开发的。好处：前端开发自成体系，有一套标准的开发方案和流程。1.2 前端工程化的解决方案目前主流的前端工程化解决方案：

Vue②（vue基础入门）1. vue简介1.1 什么是vue1.2 vue 的特性1.2.1 数据驱动视图1.2.2 双向数据绑定1.2.3 MVVM1.2.4 MVVM 的工作原理1.3 vue的版本2. vue的基本使用2.1 基本使用步骤2.2 基本代码与MVVM的对应关系3. vue的调试工具3.1 安装 vue-devtools 调试工具1. vue简介1.1 什么是vue官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。1.2 vue

这里写自定义目录标题

路由1. 前端路由的概念与原理1.1 什么是路由1.2 SPA 与前端路由1.3 什么是前端路由1.4 前端路由的工作方式1.5 实现简易的前端路由2. vue-route的基本使用3. vue-route的常见用法1. 前端路由的概念与原理1.1 什么是路由路由（英文：router）就是对应关系。1.2 SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML 页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。结论：在 S

生命周期&数据共享1. 组件的生命周期1.1 组件生命周期函数的分类1.2 生命周期图示2. 组件之间的数据共享2.1 组件之间的关系2.2 父子组件之间的数据共享3. ref引用1. 组件的生命周期生命周期（Life Cycle）：是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。生命周期强调的是时间段，生命周期函数强调的是时间点。1.1 组件生命周期函数的分类

axiosaxios的基础语法发起 GET 请求：发起 POST 请求：结合async和awaitaxios的基础语法axios({ methid:'请求的类型', url:'请求的URL地址',}).then((result) => { //.then用来指定请求成功之后的回调函数 //新惨重的result是请求成功之后的结果})发起 GET 请求：axios({ // 请求方式 method: 'GET', // 请求的地址 url: 'http://www.

i```html```htmlmport { connect } from "mqtt/dist/mqtt.js"const mqttUrl = 'wxs://broker-cn.emqx.io:8084/mqtt';export default { data () { return { client:{}, Temp:null, Hum:null, Light:null, Led:false, Beep:false, area:'请求中',//

Vuex1. Vuex概述1.1 组件之间共享数据的方式1.2 Vuex是什么1.3 使用Vuex统一管理状态的好处1.4 什么样的数据适合存储在Vuex中2. Vuex的基本使用3. Vuex中的核心概念3.1 核心概念概述3.2 State3.3 Mutation3.4 Action3.5 Getter1. Vuex概述1.1 组件之间共享数据的方式父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：EventBus（$on接收方，$emit发送方）1.2

分页页码栏设计效果展示HTML数据需要函数需要运用效果展示HTML<div class="page_bar no-select"> <ul class="clearfix"> <li class="iconfont" :class="{vh : currentPage === 1}" @click="subCurrentPage">&#xe660;</li> <li :class="{

Vue监听窗口滚动事件例子：当video滚动到可视区时自动播放监听窗口滚动事件处理函数例子：当video滚动到可视区时自动播放监听窗口滚动事件记得在恰当的地方清除事件监听mounted () { window.addEventListener('scroll', this.handleScroll) },destroyed () { window.removeEventListener('scroll', this.handleScroll) },处理函数methods: