vue组件

Vue学习笔记-activated和deactivated生命周期

作用路由组件所独有的2个生命周期activated生命周期函数用于在路由组件每次由消失到出现时所调用的函数deactivated生命周期函数用于路由组件每次由出现到消失时（无论是否缓存）所调用的函数案例定义一个NewsVue
theLuckyLong·2023-12-06 04:13

vue之mixin混入

官方的解释：混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
builder2991·2023-12-06 02:04

Vue2与Vue3的生命周期一览

每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听、编译模板、挂载实例到DOM，以及在数据改变时更新DOM。在这些过程中，它会运行被称为生命周期钩子的函数，让开发者有机
独上归州·2023-12-05 21:44

从源码分析vue3组件的生命周期

概览借官网一张图充篇幅☺这张图展示了一个vue组件从开始渲染到卸载结束一整个生命周期经历的每个环节但只罗列了选项式api生命周期钩子，没有将组合式api的生命周期钩子放进去下面这个表格列出了所有选项式api
bdawn·2023-12-05 21:11

vue3里面生命周期的使用

生命周期钩子的函数定义：每一个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。在此过程中的阶段我们称为是生命周期钩子函数。
SwJieJie·2023-12-05 21:10

iframe添加自定义加载框

（1）具体解决方法创建了一个包含iframe和加载框的Vue组件。当组件加载时，loading状态被设置为true，显示加载框。
哟哟耶耶·2023-12-05 19:13

Vue组件之间的传值通信

父组件向子组件的传值:1.子组件在props中创建一个属性，用来接收父组件传过来的值；2.在父组件中注册子组件；3.在子组件标签中添加子组件props中创建的属性；4.把需要传给子组件的值赋给该属性。子组件向父组件传值：1.子组件中需要以某种方式（如点击事件）的方法来触发一个自定义的事件；2.将需要传的值作为$emit的第二个参数，该值将作为实参传给响应事件的方法；3.在父组件中注册子组件并在子组
9979eb0cd854·2023-12-05 18:12

vue组件中data为什么必须是函数？

1.data组件是vue的实例2.组件共享data属性，当data的值是同一个引用类型的值时，改变其中一个会影响其他3.组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据，而单纯的写成对象形式，就会使所有组件实例共用了一份data，就会造成一个变了全都会变得结果
JIA_Fury·2023-12-05 17:12

this.$nextTick()

$nextTiick()方法，这个方法通常是用来处理vue组件实例更新后的回调，比如说我们在页面渲染过后，点击某一按钮触发了请求更新的函数，这时通常需要调用它进行页面的更新。
d-resee-fer·2023-12-05 13:11

VuePress + Github Pages 搭建博客网站

VuePressVuePress是基于Vue的静态网站生成器，有以下特点：简洁至上：以Markdown为中心的项目结构，以最少的配置帮助你专注于写作Vue驱动：享受Vue+webpack的开发体验，可以在Markdown中使用Vue
廊坊吴彦祖·2023-12-05 10:31

路由导航守卫控制访问权限

1.封装axios请求2.login.vue组件登入方法请求成功，将token值保存到sessionStorage中//登入方法login(){this.
只管挖坑不管埋·2023-12-05 07:23

2.VUE组件化编程

2.VUE组件化编程组件的定义：实现应用中局部功能代码和资源的集合传统方式：问题：（1）依赖关系混乱。（3）代码复用率不高。
PHP是最好的语言.·2023-12-05 06:28

Vue前端面试2021-06

2、Vue组件的通信方式有哪些？组件之间的通信，主要描述的是数据的传输，主要如下几种自定义属性，实现了父组件向子组件传输数据自定义事件，实现了子组件向父组件传输数据事件中心，实现了组件之
路过的薛先生·2023-12-05 03:45

Web前端 ---- 【Vue】什么？代码堆在一起不好维护？辛辛苦苦改造的单文件组件用不了？看我直接Vue Cli脚手架安排

目录前言单文件组件什么是单文件组件单文件组件的内容Es6模块的导入和导出创建单文件组件VueCli脚手架前言继上篇文章Vue组件的使用介绍了如何使用Vue组件，但是发现有一个很重要的问题，就是代码复用性很差
软工不秃头·2023-12-05 01:33

Vue大屏自适应终极解决方案

效果废话不多说，先上图可以看到，我们通过等比例缩放的方式，实现了自适应，同时我们也为此发布了vue组件v-s
ZXH0122·2023-12-04 23:33

Vue框架

目录简单介绍MVVM下载安装Node.js安装Vue.js插件新建Vue.js项目下载vue依赖库Vue工程目录结构修改代码模板vue组件中，添加模型数据Vue双向绑定动态绑定vue组件中，显示图片单选框绑定复选框绑定
BroRiver·2023-12-04 23:32

Java Web开发_异步处理以及前端中Vue框架的简单使用（Day3）

系列文章JavaWeb开发（Day1）JavaWeb开发（Day2）目录前言一、Ajax二、前后端分离开发三、前端工程化四、Vue组件库Element五、Vue路由六、打包部署前言此博客主要记录在学习黑马程序员
icharacteristic·2023-12-04 23:01

vue新手

今天写了第一个vue组件，有两个table实现的是点击按钮，此行内容出现在另外的table中，点击另外的table中的按钮，内容出现在另一个table中。
better昕·2023-12-04 20:55

vue el-radio-group多选封装及使用

基于ElementUI库的Vue组件，实现了一个单选/多选框组合的效果，可以根据type属性的不同值来切换单选框（默认）和按钮式单选框/多选框。
皮卡丘-杰尼龟·2023-12-04 18:27

【Vue面试专题】50+道经典Vue面试题详解！

目录前言相关学习资源01-Vue组件之间通信方式有哪些02-v-if和v-for哪个优先级更高？03-能说一说双向绑定使用和原理吗？
不停喝水·2023-12-04 18:48

vue封装组件发布到npm,支持unplugin-vue-components按需引入

目的：vue封装组件发布到npm,支持unplugin-vue-components按需引入vue组件giteeplugin-vue-components工具类giteeplugin-validatetaro
江渚清沨·2023-12-04 18:10

Vue组件开发：工具提示组件的实现方法

一、创建Vue组件首先，我们需要创建一个Vue组件来实现工具提示功能。在Vue的组件开发中，可以使用Vue的单文件组件（.vue文件）来编写我们的组件代
忧郁的蛋~·2023-12-04 09:09

Vue组件开发：地图组件实现方法

一、简介随着互联网的不断发展，地图应用在各行业中的应用逐渐增多。地图组件是一种常见的组件，主要用于在Web页面中展示地理位置信息或者实现地图交互功能。本文将介绍如何使用Vue框架开发一个地图组件，并给出具体的代码示例。二、技术选择在开发地图组件之前，需要选择一个合适的地图库。常用的地图库包括百度地图、高德地图、谷歌地图等。在本文中，我们选择使用百度地图作为示例，因为百度地图提供了丰富的API和良好
忧郁的蛋~·2023-12-04 09:09

uni_app组件实现tags 小说标签筛选，支持多级筛选，支持默认选中，vue3+ts+setup

参考文章：uni_app组件实现tab选项卡滑动切换，支持默认选中，vue3+ts+setup_平谷一勺的博客-CSDN博客废话不多说上菜了，tags.vue组件{{item.title}}import
平谷一勺·2023-12-04 08:59

Vue.js devtools插件：超实用的浏览器扩展，使项目更容易地调试和优化

常用功能列表：组件树查看：允许用户查看完整的Vue组件层次结构，以及每个组件的属性、数据、计算属性和插槽。实时编辑：在Devtools中直接修改组件的数据，可以立即在应用中看到变化。
秋月华星·2023-12-04 08:21

基于Vue2的图书销售网站（HTML+CSS+JS）

使用到的技术项目创建；Vue指令应用：插值、数据绑定、计算属性、方法、侦听器、事件监听等;Vue组件创建和应用；Vue路由使用；全局状态管理Vuex的使用；前端基础知识的综合应用。
秋月华星·2023-12-04 08:20

Javaweb之Vue组件库Element案例异步数据加载的详细解析

4.4.3.6异步数据加载4.4.3.6.1异步加载数据对于案例，我们只差最后的数据了，而数据的mock地址已经提供：http://yapi.smart-xwork.cn/mock/169327/emp/list我们最后要做的就是异步加载数据，所以我们需要使用axios发送ajax请求。在vue项目中，对于axios的使用，分为如下2步：安装axios:npminstallaxios需要使用axi
东北赵四·2023-12-04 07:02

基于 Vue、Datav、Echart 框架的 “ 数据大屏项目 “，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换

最近在研究大数据分析，基于Vue、Datav、Echart框架的"数据大屏项目"，通过Vue组件实现数据动态刷新渲染，内部图表可实现自由替换。
华大哥·2023-12-04 07:55

vue中mixin的使用

混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。二、如何使用第一
不语u·2023-12-04 04:32

深入理解VUE组件：父子组件详细说明及应用

其中，父子组件是Vue组件化的核心概念之一。本文将详细介绍Vue父子组件的概念、属性传递、事件触发等内容，并通过
魔王-T·2023-12-04 03:55

Vue生命周期：组件的生命之旅

生命周期阶段Vue组件的生命周期可分为四个阶段：创建阶段、挂载阶段、更新阶段和销毁阶段。每个阶段都有对应的生命周期钩子，这些钩子函数允许我们在组件的不同时刻执
魔王-T·2023-12-04 03:54

深入理解 Vue 组件：构建优雅的前端应用

本文将深入探讨Vue组件的概念、使用和最佳实践，帮助读者构建优雅的前端应用。什么是Vue组件组件是Vue.js中最强大的抽象概念之一。
魔王-T·2023-12-04 03:54

Vue---Echarts

npminstallecharts```在Vue组件中引入ECharts：在需要使用图表的Vue组件中，引入echarts模块。
stu_kk·2023-12-04 01:33

Vue经典面试题源码级分析【一】

01-Vue组件通信方式有哪些父子组件：props/emit/$parent/ref/$attrs$attrs:https://cn.vuejs.org/api/component-instance.html
冰镇白干·2023-12-03 23:43

VUE3组合式API，这样写最优雅

官方解释：组合式API(CompositionAPI)是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。组合式API通过组合函数来实现更加简洁高效的逻辑复用。
✎﹏ℳ๓₯㎕·2023-12-03 19:23

Vue3 的 inject 和 provide （附源码）

在这个页面中引入了son1.vue组件，在son1.vue中引入了son2.vue组件。2、效果右侧是我们项目的页面效果，当我们
暴怒的代码·2023-12-03 16:41

关于在vue中使用CodeMirror来编辑SQL

一、效果图二、代码段Mycode.vue组件代码import"codemirror/theme/ambiance.css";import"codemirror/lib/codemirror.css";import"codemirror
张小浪·2023-12-03 12:00

Javaweb之Vue组件库Element案例的详细解析

4.4案例4.4.1案例需求参考资料/页面原型/tlias智能学习辅助系统/首页.html文件，浏览器打开，点击页面中的左侧栏的员工管理，如下所示：需求说明：制作类似格式的页面即上面是标题，左侧栏是导航，右侧是数据展示区域右侧需要展示搜索表单右侧表格数据是动态展示的，数据来自于后台实际示例效果如下图所示：数据Mock地址：http://yapi.smart-xwork.cn/mock/169327
东北赵四·2023-12-03 10:29

Javaweb之Vue组件库Element案例的详细解析

4.4.3.3顶部标题对于顶部，我们需要实现的效果如下图所示：所以我们需要修改顶部的文本内容，并且提供背景色的css样式，具体代码如下：tlias智能学习辅助系统此时浏览器打开，呈现效果如下图所示：至此，我们的顶部标题就搞定了此时整体代码如下：                tlias智能学习辅助系统              Aside        Main            ​expor
东北赵四·2023-12-03 10:29

Javaweb之Vue组件库Element案例分页工具栏的详细解析

4.4.3.5.3分页工具栏分页条我们之前做过，所以我们直接找到之前的案例，复制即可，代码如下：其中template模块代码如下：同时methods中需要声明2个函数，代码如下：handleSizeChange(val){      console.log(`每页${val}条`);   },    handleCurrentChange(val){      console.log(`当前页:$
东北赵四·2023-12-03 09:55

VUE组件总结

组件是vue最强大的功能之一，组件化开发。组件可以扩展HTML元素，封装可重用的代码。组件可分为局部变量和全局变量。全局变量:Vue.component('comp',{template:`{{msg}}点击查看歌名`,data:function(){return{msg:'在一瞬间有一百万个不可能。'}},methods:{alt:function(){alert('一百万个不可能')}}})n
x_1133·2023-12-03 04:24

Vue3 中几种独有的选择器 深度选择器（:deep）、插槽选择器（:slotted）、全局选择器（:global）

在Vue中，除了常见的CSS选择器外，还有一些独有的选择器，这些选择器可以更方便地操作Vue组件。1、深度选择器:deep()作用：深度选择器可以匹配组件中嵌套的子组件。
码农键盘上的梦·2023-12-03 00:58

Vue面试题整理——持续更新中

一、vue组件注册组件注册有2种注册方式：全局注册、局部注册。
大灰狼吃小白兔·2023-12-02 22:08

京东前端经典vue面试题（持续更新中）

Vue组件间通信有哪几种方式？Vue组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对Vue掌握的越熟练。
bb_xiaxia1998·2023-12-02 22:06

寒假总结

阶段学习vue学习花费时间：12天（没有预期）遇到问题：1.vue-cli学习阶段因为版本问题出现问题（耽误一天时间）2.vue组件之间传值时出现问题（研究了一天）解决办法：1.学习了推荐版本的脚手架2
王祉凯_家族二期·2023-12-02 21:51

Vue3中的组合式API的详细教程和介绍

您的观看就是作者创作的动力介绍通过创建Vue组件，我们可以将接
鋜斗·2023-12-02 19:41

Vue3中的动态组件，使用动态组件实现页面的切换。

动态组件可以通过以下步骤来使用：在Vue组件中使用元素，并将组件名称设置为一个变量，如。在组件中定义一个变量来存储当前要渲染的组件名称，如currentComponent。
专业研究祖传Bug编写术·2023-12-02 17:55

vue组件封装echarts

exportdefault{name:"moreline",data(){return{chart:null,}},mounted(){this.getPage();},methods:{getPage(){//引用chart并初始化this.chart=this.$echarts.init(this.$refs.chart);//使用刚指定的配置项和数据显示图表。this.init()this.
原始ˉ真·2023-12-02 16:17

Javaweb之Vue组件库Element案例的详细解析

4.4.3.5.2表单编写在表格的上方，还需要如下图所示的表单：所以接下来我们需要去ElementUI官网，在表单组件中找到与之类似的示例，加以修改从而打成我们希望的效果，官方示例如下图所示：所以我们直接拷贝代码主体区域的table组件的上方即可，并且我们需要修改数据绑定的的变量名，最终代码如下：                                         查询  代码修改前后
东北赵四·2023-12-02 14:30

Vue 3 组件通信总结

Props和EventsVue组件通信的一种常见方式是通过父子组件之间的Props和Events。父组件通过Props向子组件传递数据，子组件则通过Events
大笑编程·2023-12-02 14:13
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他