vue

vite是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成； 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。 ......

未自动导入Vue3(ref,reactive...)的API和uniapp生命周期，需要在每个页面把API和uniapp生命周期的代码都重复写一遍 <script setup> import { ref, reactive } from "vue" import { onLaunch, onShow ......

vue-router使用 组件切换实现页面切换效果，需要借助vue-router来实现 1、简单使用 页面跳转，写一个页面组件 在router >index.js routes数组中加入一个路由即可 2、组件中实现页面跳转 两种方式 方式一：使用 router-link 标签，to 地址 <rout ......

vite + vue3 打包的文件，如果使用类似于nginx或者其他的服务器打开，可以正常打开，但如果直接点击打开index.html文件，页面会白屏，打开调试工具后发现如下跨域的报错。 这是因为打包后并不支持file引用协议。这就给混合式开发等时候带来困扰，因为在这种场景下，是有需要直接打开ind ......

Vue3介绍 Vue3的变化 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking（摇树--清除死代码进行优化） 3.拥抱TypeScrip ......

一、路由的使用 以后，就是组件的切换实现页面切换的效果 》 必须借助于vue-router来实现。 在App.vue中： <router-view/> > 显示组件 > 在router/index.js中配置 <router-link :to="about_url"> > 做页面组件的跳转的 基本使 ......

vue-router使用 以后用组件的切换来实现页面切换效果，必须借助于vue-router来实现 vuex学过的： <router-view/>，显示组件，位置在router/index.js中配置，提供的 <router-link :to="about_url">作业面跳转 基本使用 写一个页面 ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 生在国旗下，长在春风里！国庆将至，采黎为大家带来 定制头像2.0（国庆头像），让我们用代码的形式为祖国庆生！欢迎大家点赞收藏加关注哦 前言 想看效果或者想定制春节头像的小伙伴请直奔 效果区域； 想一睹定制头像2.0小工具的原理及实现思路请 ......

效果图 完整代码 1 <script setup> 2 import { defineProps, onMounted, reactive, ref, defineEmits} from 'vue' 3 import { Card, Input, Select, DatePicker, FormIt ......

这两处地方是动态的，由后端数据返回 思路流程 1，后端返回数据二次处理 2，根据后端数据生成动态表头 3，利用antd 的 customRender 与 rowSpan 设置行合并 完整代码 <template> <Table :data-source="dataSource" :columns=" ......

如下所示，父组件（祖先组件）通过 provide 函数向所有后代组件传递 prop。但是这两个 Ref 类型的数据最开始没有，需要等到 onMounted 初始化之后才有值。此时会遇到两个问题 后代组件在 setup 函数中或者 onBeforeMount 等非常早的周期中调用，可能获取的是 und ......

看网易云收费课程有感之Vue 命名规则： 小驼峰 camelCase eg:函数,变量 大驼峰：PascalCase eg: JS类 vue里compents下的组件 大写开头 短横线隔开式kebab-case(又称烤肉窜) eg：自定义组件使用的时候 <my-table/> 传递属性时使用 <my ......

需求： 需要判断登录用户是否有对应的操作权限，有则显示对应的操作入口。 判断某物的创建人是否为当前用户，是则可进行删除或修改操作。 调用以下函数。userId为当前登录的用户id； ......

1，vue3代码 1 // 这个是返回的所有的数据 2 const sourceItems = ref([]) 3 // 这是穿梭到下面的数据 4 const targetItems = ref([]) 5 // 这是搜索字段 6 const searchName = ref('') 7 // 这两 ......

作用：用于子组件中触发父组件方法并传值 使用： //子组件中 <template> <button @click="handleChildEvent">子组件中触发的事件</button> </template> <script> export default { name:'ChildCompon ......

适用场景： 如果要改变data中的对象或者数组，会发现data数据改变了，但是页面上并没有更新 如： this.list[index].sex = '男'; 此时要想更新可以使用 this.$set(this.list[index],'sex','男') 也可以使用 this.list[index] ......

1.上传文件 1.组件引入 import { Button, Upload } from 'ant-design-vue' 2. 代码 <Upload v-model:file-list="fileList" name="file" // 限制文件格式 accept=".xlsx,.xls" // ......

1 vue-router使用🐋 # 以后，就是组件的切换实现页面切换的效果 》必须借助于vue-router来实现 # vuex 现在知道的 -<router-view/> 》显示组件 》router/index.js中配置 -<router-link :to="about_url"> 》做 页面 ......

dataList: [ { id: '1', value: 'aaaa', }, { id: '2', value: 'bbb', }, { id: '3', value: 'ccc', }, { id: '4', value: 'ddd', }, { id: '5', value: 'eee', ......

Vue.js 中的父子组件通信方式在 Vue.js 中，组件是构建应用程序的基本单元。当我们在应用程序中使用组件时，组件之间的通信是非常重要的。在 Vue.js 中，父子组件通信是最常见的组件通信方式之一。在本文中，我们将讨论 Vue.js 中的父子组件通信方式，并附上代码实例。 父组件向子组件传递 ......

1，安装插件 npm install --save xlsx@0.17.3 npm install --save file-saver@2.0.5 2，创建js文件编写代码 import FileSaver from 'file-saver'; import * as XLSX from 'xlsx ......

<template> <div> <v-chart :forceFit="true" :height="height" :data="data" :scale="scale"> <v-tooltip /> <v-axis /> <v-bar position="year*sales" :color= ......

前言 activiti工作流引擎项目，企业erp、oa、hr、crm等企事业办公系统轻松落地，一套完整并且实际运用在多套项目中的案例，满足日常业务流程审批需求。 一、项目形式 springboot+vue+activiti集成了activiti在线编辑器，流行的前后端分离部署开发模式，快速开发平台， ......

Vue 是框架，也是生态。 1.Vue API风格 选项式（Vue2） 组合式(Vue3) 2.入门 node.js 版本大于15 3.创建项目 创建项目 npm init vue@latest 开发环境 VScode +Volar 4.基本语法 1.文本插值 仅能使用单一表达式 使用JavaScr ......

文章来源：https://zhuanlan.zhihu.com/p/587627578 1，PPTist PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿（幻灯片）应用，还原了大部分 Office ......

接上篇文章写到的Tinymce编辑器，突然发现了，多点击几次编辑弹框内容就会变空白，而且JS报错了。如下图： 点开这个js就能发现错误的地方了改这两个文件就可以了，代码如下： if(typeof e.content!=='string'){ e.content=e.content.innerHTML ......

<script setup> import { onBeforeUnmount, onMounted } from 'vue'; // 设置页面背景颜色 onMounted(() => { document .querySelector("body") .setAttribute("style", ......

Vue响应式的原理(数据改变界面就会改变)是什么? 时时监听数据变化, 一旦数据发生变化就更新界面, 这就是Vue响应式的原理。 Vue是如何实现时时监听数据变化的 通过原生JS的defineProperty方法, 通过get和set方法来监听数据的变化。 defineProperty方法的特点 可 ......

1.修改vite.config.js export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, s ......

兵马未动，规矩先行。开发是个系统工程，不是随便写点小代码就能交差的。需要定好规范。 我认为，应当坚持以下原则。 以文档为核心。良好的文档。这个完全是我自己在做，没有团队，我的团队都是甲方，提供需求的。我应当调研完毕，先写文档，计划怎么做。甚至可以把我写的调研，放在公开的网站上，让大家可以提意见。我来 ......