别名vue3 vite vue
前后端Vue分离开发平台的前期准备
摘要： 之前我下载的一个快速开发平台，生成的前端代码不是Vue类型的，我发现下载的版本出现问题。我去找了一个前后端分离Vue的快速开发平台。但是配置又重新配，配置的过程中出现了很多的bug。 问题及解决 1、Mybatis-plus的技术升级 Could not resolve type alias ......
vue3.0和2.0的区别
Vue.js是一个渐进式JavaScript框架，Vue.js 3.0相比于2.0有以下区别: 更快：Vue.js 3.0的渲染速度比2.0快了近30%。 更小：Vue.js 3.0的体积比2.0小了41%。 更易维护：Vue.js 3.0的代码结构更加清晰，更易于维护。 更易于原生：Vue.js ......
使用vue2从零开始搭建自己的组件库（完整版）
前言 在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm上。下面几点是我们 ......
VSCode自建vue示例模板
步骤 打开File->Preferences->Configure User Snippets 选择New Global Snippets file... 输入名字（自定义），填入以下内容，注意修改vue.js路径 { "Print to console": { "prefix": "vue", " ......
VUE3 目录结构
├── dist/ └── src/ ├── api/ // 接口请求目录 ├── assets/ // 静态资源目录 ├── common/ // 通用类库目录 ├── components/ // 公共组件目录 ├── router/ // 路由配置目录 ├── store/ // 状态管理目录 ......
一个 OpenTiny，Vue2 Vue3 都支持！
TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 ......
vue全家桶进阶之路28：项目仓库Gitee
Gitee（之前称为GitCafe）是一种基于web的Git仓库托管服务，在中国很受欢迎。它为开发人员提供了一个平台，可以托管他们的Git仓库，与其他开发人员协作，并管理他们的代码。 https://gitee.com/ Gitee支持多种版本控制工具，包括Git和SVN。它还提供了一些高级功能，例 ......
vue全家桶进阶之路27：Vue.js 3.0的下载和安装
使用脚手架vue-cli创建vue3项目，创建前需要准备以下： 1、node.js环境 见：https://www.cnblogs.com/beichengshiqiao/p/17251233.html 2、npm、cnpm工具 见：https://www.cnblogs.com/beichengs ......
vue全家桶进阶之路26：Vue.js 3.0与Vue.js 2.x 的比较和注意事项
Vue.js 3.0 是 Vue.js 框架的最新版本，于 2020 年 9 月正式发布。Vue.js 3.0 主要的改进和新特性包括： 更好的性能：Vue.js 3.0 使用了更快的虚拟 DOM 实现，比 Vue.js 2.0 更快。 更小的体积：Vue.js 3.0 的代码体积比 Vue.js ......
vue之双向数据绑定v-model
简介 在vue中，当修改了变量，页面内容会根据变量的变化而变化。但是如果页面变化了，变量不会变化，这个就是单向数据绑定。当页面变化，变量也会跟着变化，这个是双向数据绑定 语法 <input type="text" v-model="变量"> 示例 <body> <div id="app"> <!-- ......
vue全家桶进阶之路25：Vue2的停维通知
Vue 2 的技术支持会持续多久？从官方发文来看，Vue 2.7 是当前、同时也是最后一个 Vue 2.x 的次级版本更新。Vue 2.7 会以其发布日期，即 2022 年 7 月 1 日开始计算，提供 18 个月的长期技术支持 (LTS：long-term support)。在此期间，Vue 2 ......
vue之事件修饰符
修饰符 |事件修饰服|释义| | |.stop|只处理自己的事件，子控件不再冒泡给父控件| |.self|只处理自己的事件，子控件的冒泡不处理| |.prevent|阻止a标签链接的跳转，也可以修改跳转页面| |.once|事件只会触发一次(适用于抽奖页面)| .stop事件 <div id="ap ......
vue之过滤、筛选功能的实现
需求 给定一个列表(模拟数据)，根据用户输入，自动筛选输入的内容并输出到屏幕 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jQuery ......
vue3创建项目笔记
E:\vue3学习>npm init vite@latest vite-blog -- --template vueNeed to install the following packages: create-vite@4.2.0Ok to proceed? (y) y Scaffolding pr ......
报错：‘VUE-CLI-SERVICE‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
启动前端的项目，命输入 npm run dev 时，报错：'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。如图： 1、管理员身份打开 2.输入set-ExecutionPolicy RemoteSigned 3、选择A 4、Pycharm-Terminal执 ......
vue之箭头函数
说明 当在一个方法(函数)里面再定义一个方法(函数)时，内部的方法的this指向会有问题，如下： <body> <div id="app"> <h1>{{l1}}</h1> <button @click="clickFunc">点我</button> </div> </body> <script> ......
vue动态添加表单validateField验证
1 <template> 2 <el-form ref="form" :model="form" :rules="rules" label-width="100px"> 3 <div v-for="(input, index) in inputs" :key="index"> 4 <el-form- ......
vue定义全局函数，定义全局变量，修改变量
需求：设置一个全局的变量（messageList）和全局的方法。各组件都可以调用这个全局的方法去修改全局的变量（messageList）。 具体情况： 底部有一个消息组件。各组件接口调用时成功或失败的回调中调用一个全局的消息提示方法。类似this.$message.success('我是提示内容') ......
vue之字符串的方法
简介 本文会把遇到的字符串的方法慢慢补充进来 indexOf方法 indexOf方法判断字符串是否包含另一个字符串 判断结果如果包含返回的是索引，如果不包含，则返回-1 <script> let s = 'abc' let s1 = 'jfkdabcjkfda' let res = s1.index ......
vue之数组的方法
简介 本文会把遇到的数组的方法慢慢补充进来 filter方法 filter()方法是一个过虑方法 以下面的为例：列表dataList会每次取一个值，把值给匿名函数，并执行。比如第一次过虑会把a给dataList.filter(function (items){xxxx}，第二次会把at传给函数，后面 ......
2023.04.06 - vue组件中动态指定监听的值
业务场景：高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息，并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
vue 上传大型文件插件(vue上传视频插件)
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
vue3 watch 监听 flush post 作用？
副作用刷新时机Vue 的响应性系统会缓存副作用函数，并异步地刷新它们，这样可以避免同一个“tick”中多个状态改变导致的不必要的重复调用。 同一个“tick”的意思是，Vue的内部机制会以最科学的计算规则将视图刷新请求合并成一个一个的"tick"，每个“tick”刷新一次视图，比如a=1;b=2;只 ......
vue之input输入框的几个事件
事件简介 click 点击事件，一般不会用于input输入框，会用于按钮，用于输入框就有点像focus了，当点击输入框时会触发 blur 失去焦点事件，当失去焦点时会触发。 focus 获取焦点事件，当获得焦点时会触发。 input 在输入框中每输入一个字符都会触发一次 change 当输入框内容改 ......
vue.config.js 配置
const { defineConfig } = require('@vue/cli-service') //按需引入 // const AutoImport = require(''); const AutoImport = require('unplugin-auto-import/webpac ......
vue第八课：axios库的使用
axios功能强大的网络请求库。 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 基础使用： axios.get(地址?key=value&key2=values).then(function(response){} ......
vue3快速上手
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
vue3中 toRefs和 toRef 的区别
toRefs 是为了避免对一个响应式对象解构的时候，解构后的每个属性不具有响应性 toRef 是为了针对单独获取某个对象的属性的时候保持响应性，从而单独对某个对象的属性进行响应式转化 针对 reactive 或者 ref 创建的响应式对象都可以使用这两个 api 进行转化 注意：toRefs只能对第 ......
vue之数组与对象的检测与更新
说明 MVVM会自动检测变量的变化，当变量改变，页面也会对应的变化，但是有一点需要注意，如果有一个对象增加值的时候，不能直接修改，需要使用Vue.set()方法 语法 Vue.set(this.变量, 键, 值) 示例 <body> <div id="app"> <div v-for="(value ......