VUE组件

Vue学习计划-Vue3--核心语法（五）生命周期、自定义Hook

1.生命周期概念：Vue组件实例在创建时要经历一些列的初始化步骤，在此过程中vue会在合适的时机，调用特定函数，从而让开发中有机会在特定阶段运行自己的代码，这些特定的函数统称为：生命周期钩子规律：生命周期整体分为四个阶段
化作繁星·2024-01-06 22:38

深入理解Vue生命周期钩子及其应用

在本文中，我们将深入探讨一个简单的Vue组件，通过观察其生命周期钩子的执行顺序，以及如何在特定时刻插入自己的逻辑。
贰零壹玖.·2024-01-06 21:23

【前端】[vue3] vue-router使用

3vue3才引用vue-router@4）npminstallvue-router@4src文件夹下面创建router/index.ts（或index.js）：测试代码(注意，login.vuereg.vue
timeguys·2024-01-06 20:26

Vue中的加密方式(js-base64、crypto-js、jsencrypt、bcryptjs)

目录1.安装js-base64库2.在Vue组件中引入js-base64库3.使用js-base64库进行加密4.Vue中其他加密方式1.crypto-js2.jsencrypt3.bcryptjs1.
m0_73734137·2024-01-06 20:48

vue组件scoped的作用 目的: 解决多个组件样式名相同, 冲突问题

vue组件-scoped作用需求:p标签名选择器,设置背景色问题:发现组件里的p和外面的p都生效了解决:给Pannel.vue组件里style标签上加scoped属性即可//style添加scoped属性后
linlinlove2·2024-01-06 17:58

Vue组件间通信详解

    众所周知，组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件之间如何通信呢？主要有，props、$emit/$on、vuex、$parent/$children、$attrs/$listeners和provide/inject，本文将分别介绍组件间的通信方式。image.png上图表示了组件之间所有可能的关系A和B、B和C
kjkongjun·2024-01-06 15:02

vue中debugger无法调试

在浏览器中展示源代码在可以从VSCode调试你的Vue组件之前，你需要更新webpack配置以构建sourcemap。
hl0406·2024-01-06 09:51

Django和Vue项目运行过程中遇到的问题及解决办法

1、输入命令启动前端项目前端页面分析login.vue组件register.vue组件Board.vue组件4、其他组件说明Aside.vue是Board.vue页面的侧边部分，Info.vue\In
大炮不想学习·2024-01-06 06:15

vue组件通信方式之兄弟组件通信eventBus

eventBus单独的事件中心,用来管理组件之间的通信。由于Vue实例实现了一个事件分发接口，你可以通过实例化一个空的Vue实例来实现这个目的。然后在组件中，可以使用$emit,$on,$off分别来分发、监听、取消监听事件。需求：点击左侧联系人，改变右侧聊天记录框头部联系人信息，并获取对应的聊天记录。左侧联系人列表left.vue和右侧聊天记录框right.vue系兄弟组件。1.在utils文件
旧时日月明·2024-01-06 06:08

性能优化之Vue组件懒加载（二）

上一次我们实现了模块的渲染和模块内的资源的加载，但是我们并没有真正实现组件的异步加载。1.什么是异步组件？异步组件就是定义的时候什么都不做，只在组件需要渲染（组件第一次显示）的时候进行加载渲染并缓存。三种应用场景：Components;Router;Vuexmodules.LazyLoadinginVueusingWebpack'sCodeSplitting下面主要设计vuecomponents中
卓三阳·2024-01-06 05:45

深入理解Vue生命周期钩子及其应用

在本文中，我们将深入探讨一个简单的Vue组件，通过观察其生命周期钩子的执行顺序，以及如何在特定时刻插入自己的逻辑。
冷风扇666·2024-01-06 04:00

2020-02-21时间记录

今天先弄服务外包项目的nginx环境，弄好后把文件夹路径发给哲琦然后弄时时发布项目，交工作报告以及模仿腾讯AI做一个顶部导航栏，可以考虑开始做一个自己的vue组件库了然后要开始刷面试题了，不能再逃避了。
296b871d5cd0·2024-01-06 00:12

深入理解 Vue.js 中的 Mixins

Mixins可以被理解为一种分发Vue组件中可复用功能的方式。一个mixin对象可以包含任何组件选项，当组件使用mixin时，所
liwp_Stephen·2024-01-06 00:22

Vue 中使用 Canvas 绘制二维码

在Vue中使用Canvas绘制二维码可分为以下几个步骤：安装qrcode库：npminstallqrcode--save在Vue组件中导入qrcode库importQRCodefrom'qrcode';
天玄TX·2024-01-05 23:02

Vue生成Canvas二维码

npminstallqrcode在Vue组件中引入QRCode库：importQRCodefrom'qrcode';在Vue组件的methods中创建一个方法来生成二维码：generateQRCode(
代码真的养发·2024-01-05 23:31

Vue组件开发系列之Step组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/StepFireShotCapture1-nvx-http___localhost_8080_demo#_step.png组件结构：{{item.text}}{{index+1}}{{index+1}}{{item.text}}{{item.desc}}代码分析：props参数：p
vue爱好者·2024-01-05 22:58

vue-mixins混入处理

定义mixins（混入）：一种分发Vue组件中可复用功能的非常灵活的方式，mixins是一个js对象，它可以包含我们组件script中的任意功能选项，如：data、components、methods、
小沐°·2024-01-05 21:49

【精讲】vue框架 vue组件中的ref、props传值并修改、混合（子组件重复部分利用混合可以减少代码量的重复编写）

目录vue组件中的refprops传值并修改混合（子组件重复部分利用混合可以减少代码量的重复编写）知识点拓展：第一部：vue组件中的ref......或.....获取：this.
共创splendid--与您携手·2024-01-05 21:17

antd vue 全局配置loading

1.在app.vue组件注入//在template中写入//在代码中写入importVuefrom"vue";data(){return{loadingProps:{spinning:false}}},
年年CODE·2024-01-05 19:07

Vue知识总结-上

VUE初识Vue是一套用于构建用户界面的渐进式(由只需要轻量小巧的核心库构建的简单应用逐渐扩展为可以引入各式各样的Vue组件构建的复杂应用)JavaScript框架Vue需掌握的内容：Vue基础、Vue-cli
奉先节度使·2024-01-05 13:34

element ui upload 源码解析-逐行逐析

文章目录ajax封装ajax代码ajax封装的基础知识点和基本逻辑XMLHttpRequest简介XMLHttpRequest的基本使用步骤upload组件文件上传组件封装upload.vue组件代码代码解析
丰的传说·2024-01-05 11:41

ElementUI中Dropdown 下拉菜单el-dropdown-item 点击事件无效

代码如下在给Vue组件（el-dropdown-item就是一个组件）绑定事件的时候，必须加上native修饰符才能生效，native可以监听根元素的原生事件
金金金__·2024-01-05 03:23

vue组件化开发，与渐进式框架讲解

渐进式框架渐进式框架是指，它可以根据项目的需求逐步引入其功能，而不是一次性地引入所有特性。这种模式可以帮助开发者更好地控制项目的复杂度，并减少不必要的开销和学习成本。Vue就是一个典型的渐进式框架，它的核心库只包含了视图层和数据绑定功能。但是，Vue提供了许多插件和工具，可以方便地增加路由、状态管理、服务器端渲染、构建工具等功能。这些插件和工具可以根据项目的需要进行选择和集成，从而实现最小化、高效
嘘~！·2024-01-05 00:42

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(九)

文章目录用户信息管理模块化操作1、用户信息列表分页显示数据实现可以在实体对象中封装一个分页的对象后端控制器的编写如下:请求方法上需要加上权限的处理哦前端的views/sys/user/index.vue
许锅锅啊·2024-01-04 22:46

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(八)

】预览效果：所属的角色信息没有，需要修改后端的数据映射组件细化处理在userCenter目录下新建三个组件来对应三个内容修改index.vue中的引入以及组件的使用基本资料修改的实现userInfo.vue
许锅锅啊·2024-01-04 22:15

VUE组件化开发思想

1、类似于手机进行一块块组件化包含标准、分治、重合、组合实现样例如下，点击按钮自动➕2Vue.component('button-counter',{data:function(){return{count:0}},template:'点击了{{count}}次',methods:{handle:function(){this.count+=2;}}})varvm=newVue({el:'#app
xi_weina·2024-01-04 18:01

Vue中的选项式 API 和组合式 API，两者有什么区别

结构：在一个Vue组件中，你会使用一个选项对象来组织代码，这个对象包括data,methods,props,computed,watch,lifecyclehook
舒一笑·2024-01-04 17:40

前端必问面试题？vue知识？

1.vue组件通信?eventBus讲解？
杨杨不秃头·2024-01-04 16:04

Vue组件中正确引用和使用外部方法

Vue组件中正确引用和使用外部方法在开发Vue应用时，我们经常需要在多个组件中复用一些通用的函数或方法。这些函数可能是我们自己编写的工具函数，也可能是从第三方库中导入的。
小猫爱吃yu·2024-01-04 15:23

vue3(十三)-基础入门之路由配置与重定向

App.vue在父组件中导入子组件Navbarimportnavbarfrom'@/components/Navbar'exportdefault{components:{navbar}}2、创建Navbar.vue
热爱码字·2024-01-04 15:50

vue 使用 /deep/ 修改样式

vue组件中，在style设置为scoped时，里面写的样式对子组件是不生效的，此时可以使用/deep/深度选择器。
dengss·2024-01-04 09:18

vue中的$nextTick的作用及使用场景

文章目录一、$nextTick的作用二、特点和用途三、使用场景：1、在Vue组件内部使用：2、在普通JavaScript代码中使用：三、注意事项一、$nextTick的作用$nextTick()是Vue
我胡为喜呀·2024-01-04 06:24

【Vue学习day1】

0409Vue学习1.vueui界面执行vueserve2.在components文件夹中新建Login.vue组件,添加template，script，style标签,style标签中的scoped可以防止组件之间的样式冲突
劳伦缇娜·2024-01-03 19:39

前端代码风格指南

文章目录一、命名规范1、项目文件命名1.1、项目名1.2、目录名1.3、图像文件名1.4、HTML文件名1.5、CSS文件名1.6、JavaScript文件名2、Vue组件命名2.1、单文件组件名2.2
一只小白菜~·2024-01-03 10:45

Vue 全局引入bass.scss 处理方案 2018-03-26

为解决在Vue组件中全局引入scss变量及mixins，装载了一个名为"sass-resources-loader"解析器。
Bboy_2016·2024-01-02 19:52

vue.js 组件中的template

template是Vue组件中定义组件的模板部分。它是一个字符串或者一个包含模板内容的标签。template定义了组件的结构和内容，即组件的HTML结构和插值表达式。
zz的学习记录·2024-01-02 06:12

vue的钩子函数

以下是一些常见的Vue组件生命周期钩子和方法：beforeCreate:在组件实例被创建之前调用。此时组件的数据和事件还未初始化。created:在组件实例被创建之后调用。
zz的学习记录·2024-01-02 06:12

Vue自定义组件及组件传值

vue自定义组件:1、在src中components中,新建文件,后缀名为.vue组件（首字母建议大写）例如:Weekly.vue2、Weekly.vue:3、在app.vue中引用组件:js中先引入/
短歌长眠·2024-01-01 21:29

vue组件、html里引用vue.js，实现自定义组件，子父组件相互传参、vue2组件、vue3组件用法、component、组件传值

在html里直接引用vue.js，实现自定义组件、子父相互传参目录自定义组件父组件给子组件传值子组件向父组件传值vue3组件用法自定义组件目录结构一、首先，引用vue.js到页面，版本根据自己的需要，我这里是2点多的版本二、创建页面index.html三、编写组件内容新建一个js文件，内容如下，我这里文件名是my_component.js//只渲染静态的//letstr=`////////`//l
闲来无事垂钓·2024-01-01 21:58

vue组件通信_父子组件_兄弟组件之间各种传值（组件多种传值集合）

文章目录vue组件通信，父子组件/兄弟组件之间各种传值1.1父传子组件（方式一props）父传子注意问题：父组件：子组件：1.2父传子（方式二parent和parent和parent和children）
煜磊·2024-01-01 19:39

五分钟带你了解vue组件

我们一般会将Vue组件定义在一个文件后缀名为.vue的文件中，这就叫做单文件组件(简称SFC)    使用组件的概念的好处也很简单。    
九号新秀·2024-01-01 17:41

Vue服务器端渲染

Vue.js是构建客户端应用程序的框架默认情况下浏览器输出Vue组件，生成DOM并操作DOM服务器端渲染则是服务器端生成静态的HTML字符串，浏览器将静态标记“混合”为客户端可交互的应用程序服务器渲染的
yolkpie·2024-01-01 15:18

vue3.0在线编辑器codemirror开发

使用codemirror封装codeEditor.vue组件//引入全局实例import_CodeMirrorfrom'codemirror/lib/codemirror'//核心样式import'codemirror
|恰同学少年|·2024-01-01 14:03

前端 vue组件 layout-button-group - 按钮组 - 高效开发 - 戴向天

大家好！我叫戴向天QQ群：602504799QQ:809002582如若有不理解的，可加QQ群进行咨询了解layout-div组件详情》https://blog.csdn.net/weixin_41088946/article/details/91448369layout-image组件详情》https://blog.csdn.net/weixin_41088946/article/details
戴向天·2024-01-01 13:47

【零基础入门VUE】在 Vue 中构建复杂表单

零基础入门VUE专栏https://blog.csdn.net/arthas777/category_12537076.html目录v-modelVue中的指令Vue中的组件没有构建步骤随着构建步骤注册VUE
心兰相随引导者·2024-01-01 05:41

vue2-el-upload自定义图片上传、自定义回显、删除、放大

创建一个UploadFile.vue组件文件复制下方代码并修改上传接口api//修改此处apiimport{uploadFile}from"@/api/jjjManage/jjjNews.js";exportdefault
小龍·2023-12-31 21:36

了解前端工程化之组件化——Vue组件

首先我们需要知道什么是组件化开发？前端工程化包含这么四个方针：模块化、组件化、规范化、自动化具体可以查看：了解前端工程化其中就有我们的组件化，它指的就是根据封装这么一个思想概念，将页面上可以重复使用的UI结构封装为组件，也叫做复用，可以大大的方便我们项目的开发以及维护Vue中的组件化开发首先我们要知道Vue是一个支持组件化开发的前端框架那么哪个文件是Vue的组件呢？没错，就是以.Vue后缀结尾的文
Try Tomato·2023-12-31 20:08

sign-canvas 一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端；

参考链接:https://blog.csdn.net/qq_33270001/article/details/102855964
jesse28·2023-12-31 18:18

Vue3 精通指南：如何在 setup 函数中巧妙利用 Vuex

然后，你可以按照以下步骤在setup函数中访问$store：1、在你的Vue组件中导入useStore钩子。2、
诸葛妙计·2023-12-31 16:38

SpringBoot+SpringSecurity+MybatisPlus+Vue3小项目摘录(六)

elementPlus中的布局容器实现编写index.vuehtml代码css样式代码预览效果如下:每个vue视图中的内容都是相同的在lauout/index.vue中进行引入组件tabs/index.vue
许锅锅啊·2023-12-31 08:17
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他