【Vue】Vue 单文件组件 (SFC) 规范

简介.vue 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块 <template>、<script> 和 <style>，还允许添加可选的自定义块：

发表于：2024-03-29 浏览：271 TAG：

【VUE】如何查看前端的vue项目是vue2还是vue3项目

1. 检查package.json文件在项目的根目录下，打开package.json文件，查找dependencies或devDependencies部分中的vue条目。版本号将告诉你是Vue 2还是Vue 3。例如：Vue 2.x: "vue": "^2.x.x"Vue 3.x: "vue": "^3.x.x"2. 使用Vue Devtools如果项目正在运行，并且你已经安装了Vue Devtools（Vue开发者

发表于：2024-03-11 浏览：413 TAG：

【VUE】vue3组件间的通信，父组件调用子组件方法

文章目录一、父组件数据传递N个层级的子组件二、使用v-model指令实现父子组件的双向绑定三、父组件props向子组件传值四、子组件emit向父组件传值五、通过expose和ref来实现父组件调用子组件的方法vue3 provide 与 injectA组件名称 app.vueB组件名称 provideB.vueC组件名称 provideCSetup.vue父组件名称 app.vue子组件名称 v-modelSetup.vue子组件 propsSetup.vue父组件 app.vuevue3 ev

发表于：2024-03-10 浏览：558 TAG：

【VUE】Vue3+Vite+TypeScript常用项目模块详解

 目录1.Vue3+Vite+TypeScript 概述1.1 vue3 1.1.1 Vue3  概述1.1.2 vue3的现状与发展趋势1.2 Vite1.2.1 现实问题1.2 搭建vite项目1.3 TypeScript1.3.1 TypeScript 定义1.3.2 TypeScript 基本数据类型 1.3.3 TypeScript语法简单介绍2. 项目配置简单概述2.1 eslint 校验代码工具配置2.1.1 eslint定义2.1

发表于：2024-02-21 浏览：446 TAG：

【Vue】yarn 运行vue3项目开发模式

要在YARN中以Vue.js 3的开发模式运行项目，可以按照以下步骤进行操作：确保已经安装了Node.js和YARN。如果没有安装，请先安装这两个工具。打开命令提示符或终端并导航到Vue.js 3项目所在的文件夹。使用以下命令来初始化新的YARN项目（如果还未创建）：yarn init -y接下来，需要安装Vue CLI脚手架工具。运行以下命令来全局安装Vue CLI：npm install -g @vue/cli然后，通过以下命令将Vue CL

发表于：2024-02-08 浏览：290 TAG：

【VUE】Vue3 实现文件预览 Word Excel pdf 图片 视频等格式 大全!!!!

先上效果图  插件安装先说 word 文件是docx-preview插件          excel文件是用 xlsx 插件    介绍后端返回的数据因为在拦截器处 做了对数据的处理 最后你调接口拿到的数据是 一个对象 里面包含:url : blob对象转换的用于访问Blob数据的临时链接。这个链接可以被用于在网页中展示二进制数据，比如显示图像或者播放音视频文件blobs:&

发表于：2023-12-28 浏览：293 TAG：

【Vue】Vue3项目filter.js组件封装

1、element-plus(el-table)修改table的行样式export function elTableRowClassName({ row, rowIndex }) {   if (rowIndex % 2 != 0) {     return 'default-row' &nb

发表于：2023-12-15 浏览：319 TAG：

【Vue】Vue3 开发实战分享——打印插件 Print.js 的使用（Vue3 + Nodejs + Print.js 实战）以及 el-table 与 el-pagination 的深入使用（下）

文章目录📋前情回顾&前言🎯关于 el-table1️⃣获取每行对应的内容数据2️⃣行内数据判断处理（过滤）3️⃣对表格内容的索引🧩项目中延申使用🎯关于 el-pagination1️⃣显示总条数与分页展示2️⃣跳转页和页码样式3️⃣设置为中文🧩项目中延申使用📝最后📋前情回顾&前言上一篇文章（Vue3 开发实战分享——打印插件 Print.js 的使用（Vue3 + Nodejs + Print.js 实战）以及 el-table 与 el-pagination 的深

发表于：2023-12-10 浏览：234 TAG：

【Vue】Vue3 开发实战分享——打印插件 Print.js 的使用（Vue3 + Nodejs + Print.js 实战）以及 el-table 与 el-pagination 的深入使用（上）

文章目录📋前言🎯关于 Print.js🧩PDF 打印🧩网页（HTML）打印🧩图像打印🧩JSON 打印🧩下载并安装使用🧩相关配置🎯 Vue3 中使用 Print.js 实战🎯Vue3 + Nodejs + Print.js 模拟打印实战案例🧩启动 Nodejs 服务🧩启动 Vue 项目📝最后📋前言今天久违的更新一下关于 Vue 的文章了，本篇文章是基于 Vue3 + Node.js + ElementPlus 的实战项目分享，实战内容包括有打印插件 Print.js 的

发表于：2023-12-10 浏览：327 TAG：

【Vue】前端框架 Vue3框架 使用总结(一) Vue框架的基础使用

目录一、Vue3框架基础1、创建项目2、项目结构3、Vue基础语法4、组件之间通信5、组合式api二、VueRouter的基础使用1、安装2、使用案例3、完整案例步骤4、调优-路由懒加载三、Vuex数据管理1、实现案例 2、更改store状态，同步操作3、store中的计算属性4、redux里的异步操作Action5、模块化管理四、网络请求Vue3官方文档：Vue.js - 渐进式 JavaScript 框架 | Vue.js基础部分见官方文档一、Vue3框架基础1、创建项目安装yar

发表于：2023-12-05 浏览：781 TAG：