vue svg
06-Vue组件化基础
## 01. 组件化思想 当我们面对一个复杂问题的时候，常见的、高效的做法就是对复杂问题进行拆分， 将复杂问题拆分成一个个小的、简单的问题， 逐一解决小问题，再将处理好的小问题整合到一起， 如此解决复杂问题。  ## 主要代码 index.html ```html ......
Vue重用组件
### 1、是什么？ ==这里主要是简单入门使用一下，复杂高阶的用法笔者暂时还没了解到== Vue重用组件是指可以被多个Vue实例重复使用的组件。这些组件可以包含自定义的状态和事件处理程序，并且可以在整个应用程序中共享。重用组件可以减少代码冗余，提高开发效率，并使代码更加模块化和可维护。 在Vue中 ......
Vue 3+TS项目，找不到模块“xxx.vue”或其相应的类型声明问题
在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容： ```ts declare module "*.vue" { import { App, defineComponent } from "vue"; const component: ReturnType & { ......
java基于springboot+vue的书籍学习平台管理系统，学期学习论坛管理系统，附源码+数据库+lw文档+PPT
**1、项目介绍** 困扰管理层的许多问题当中,书籍学习将会是不敢忽视的一块。但是管理好书籍学习又面临很多麻烦需要解决,在工作琐碎,记录繁多的情况下将书籍学习的当前情况反应给相关部门决策,等等。在此情况下开发一款书籍学习平台，于是乎变得非常合乎时宜。 经过网上调查和搜集数据,我们可以发现书籍学习管理 ......
Vue中this.$nextTick()的理解与使用方法
https://www.jb51.net/article/238332.htm https://blog.csdn.net/lzfengquan/article/details/118933093 ......
vue项目管理
## 1. 端口 ```JAVASCRIPT const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
vue2实现高度过渡效果，函数式组件
1.首先创建src下创建utils文件夹，创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor ......
一步步完整搭建一个图纸管理系统（Django+Vue3）
# 图纸管理系统 ## 一、初步构建后端项目 ### 1、打开已经创建好的虚拟环境:激活activate（推荐使用虚拟环境）并创建项目 ![](https://img2023.cnblogs.com/blog/2240937/202305/2240937-20230524164953360-1300 ......
动态增加自动补全输入框 vue3 ts elementplus
父元素里这样 ` ` DomainItem1元素里这样 ``` {{ t("addto") }} ```  补全输 ......
Vue3——基于tdesign封装一个通用的查询组件
# 前言 基于`Vue3+TS+tdesign`封装一个通用的查询组件； > 临时写的一个demo  # 内容 ## ......
svg引入字体后太大如何处理
svg引入字体后太大如何处理？ 使用第三方工具【nano】进行压缩，效果杠杠的； https://vecta.io/nano https://www.svgminify.com/ https://shrinkme.app/ 欢迎关注公-众-号【TaonyDaily】、留言、评论，一起学习。 文章来源 ......
vue父子组件通信
一：在子组件中通过this.$parent.event来调用父组件的方法 父组件： <template> <div> <child></child> </div> </template> <script> import child from './components/dam/child'; exp ......
vue自动导入组件和自动导入类库 api
vue3 项目中，使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等，以及导入多个自定义组件、UI 组件库的组件，都需要反复的手动导入，注册，很是影响开发体验，这里推荐 antfu 开源的两个插件，上链接： 自动导入组件 https://github.com ......
Vue3 引入 jquery
通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单，在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载：jquery.com/download/ 二.在根目录下 publi ......
vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能
一开始看到这个功能需求，我也很懵逼，因为从来没有做过啊，哈哈。。。但转念一想既然产品能提出这个需求，想必会有人实现过，就去网上查了查资料，果不其然，还真有人做过，但离我想要的效果还是差着十万八千里，所以按照网上大神的思路，结合我司的实际需求，自己就把它给捣鼓出来了。
其实刚做好的效果还是能实现产品... ......
Vue3 useReusableTemplate 优雅的复用模板代码
### 在Angular中有一个很好用的功能，即在不封装组件的情况下复用模板代码： > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用，非常的好用！！ ### ......
windows环境下的vue部署（使用nginx）
首先需要将vue项目打包成dist，在需要部署的服务器上进行解压 然后我们使用nginx进行反向代理设置，具体操作如下 打开解压后的nginx，进入目录：nginx-1.23.4->conf，打开编辑nginx.conf *注意：对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/ ......
vue中＜script setup＞中使用watch方法
在setup选项里使用watch有两种办法。 ## 第一种：使用watchEffect watchEffect立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数，可以接收watchEffect的返回值用来停止监听。 示例： ``` {{message}} 修改message ......
vue中＜script setup＞中使用computed方法
在setup选项里使用computed需要手动引入computed方法，computed接受一个 getter 函数，并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者，接受一个具有 get 和 set 函数的对象，用来创建可写的 ref 对象。下面来看示例。 父组件index ......
vue2子组件切换，监听方法失效（监听多个字段）
记录下问题 本来是在父页面上放了多个子组件，利用单选按钮控制每个组件，选择了某个按钮，设置该组件控制字段为true,例如v-if="component"来控制销毁创建，根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时，监听不生效，监听方法也加了immedi ......
vue中＜script setup＞中使用watch、computed、props等方法
` // 通过props传过来的是一个静态值，如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
vue this.$set的作用
在Vue.js中，`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化，从而实现数据的响应式。然而，当您添加一个新的属性时，Vue无法自动追踪该属性的变化。这就是`this.$set` ......
vue 性能优化
组件静态导入 import Some from "@/components/Some.vue"; 组件动态导入 import {defineAsyncComponent} from "vue"; const Some = defineAsyncComponent(()=>{ return impor ......
基于springboot+vue数码论坛系统设计与实现、论坛管理系统,附源码+数据库+lw文档+PPT
**1、项目介绍** 考虑到实际生活中在数码论坛方面的需要以及对该系统认真的分析，将系统权限按管理员和用户这两类涉及用户划分。 （1）系统功能需求 登录系统后，主要模块包括首页、数码板块、数码评价、数码论坛、畅聊板块、新闻资讯、个人中心、后台管理等功能。系统功能用例图如图3-1所示。 ![](htt ......
vue3.0组件封装
**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法 ![](https://img2023.cnblogs.com/blog/2184338/202305/2184338-20230517192434243-1598447317.png ......
vue项目国际化
#### 1、安装i18n ``` npm install vue-i18n -S 安装版本 8.26.5, 9.2.2亲测项目报错 ``` #### 2、main.js ```js // 引入 lang/index.js import i18n from './lang/index.js' // ......
ele+vue简单操作
绑定值和字符串拼接： 1、:title="`字符串${xx}`" 2、:title="'字符串' + xx" 3.异步回调 setTimeReflush: function () { var _this = this; return new Promise(function (resolve, re ......
vue中使用scss公共变量的方法 :export
vue中使用scss公共变量的方法 :export :https://blog.csdn.net/weixin_44698285/article/details/124051066?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant ......