Vue组件

面试官：Vue组件间通信方式都有哪些?

一、组件间通信的概念开始之前，我们把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一，vue中每一个.vue我们都可以视之为一个组件通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上，任何信息的交通都是通信组件间通信即指组件(.vue)通过某种方式来传递信息以达到某个目的举个栗子我们在使用UI框架中的table组件，可能会往table组件中传入某些数据
动感超人，·2024-01-16 23:32

深入浅出，带你看懂Vue组件间通信的8种方案

前言Vue种组件通信的情况有多种，总结有以下4种情况：父子组件间通信兄弟组件间通信祖孙后代间通信无关系组件间通信8种解决方案通过props传递通过$emit触发自定义事件使用ref使用EventBus使用parent或root使用attrs与listeners使用Provide与Inject使用Vuexprops进行组件间通信Prop作为组件间通信的方式，并不是通用的，而是只能父子组件中使用。场景
小简(JanYork)·2024-01-16 23:01

Vue组件间通信方式都有哪些?

一、组件间通信的概念开始之前，我们把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一，vue中每一个.vue我们都可以视之为一个组件通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上，任何信息的交通都是通信组件间通信即指组件(.vue)通过某种方式来传递信息以达到某个目的举个栗子我们在使用UI框架中的table组件，可能会往table组件中传入某些数据
怎样的夜·2024-01-16 23:01

Vue组件之间的通信方式都有哪些？

面试官：Vue组件之间的通信方式都有哪些？
C+ 安口木·2024-01-16 23:31

Vue组件通信中eventBus的使用

原文链接：https://segmentfault.com/a/1190000013636153?utm_source=tag-newest在vue1.0中，组件之间的通信主要通过vm.dispatch沿着父链向上传播和用vm.dispatch沿着父链向上传播和用vm.broadcast向下广播来实现。然而在vue2.0中，已经废除了这种用法。vuex加入后，对组件之间的通信有了更加清晰的操作，对
choyee_befa·2024-01-16 19:22

vuex前端开发,getters是什么？怎么调用？简单的案例操作

Vuex的getters主要用于对store中的state进行计算或过滤，类似于Vue组件中的计算属性。它可以对state进行一些处理，然后返回一个新的值，供组件使用。
yrldjsbk·2024-01-16 18:57

十一.Vue3.x集成Typescript

vueaddtypescriptVue3.x集成Typescript后定义组件vue3.x中集成ts后请确保组件的script部分已将语言设置为TypeScript...要让TypeScript正确推断Vue
小柠有点萌·2024-01-16 10:41

vue组件模块化开发

1组件的使用步骤:①引用组件②定义组件③使用组件①局部组件在一个组件里面使用另一个组件,组件的作用仅在当前宿主组件中生效②全局组件全局组件在main.js,引用,定义,可以在任何组件中使用是全局的2传值①父传子父组件子组件总结父传子:在父组件中,引入,定义,使用子组件父组件代码:子组件代码:②子传父父组件子组件未完待续3传值案例分页插件(mybatis-plus自带的分页插件+vue+elemen
CSDNlele666·2024-01-16 01:45

taro 如何使用dom_Vue

在Taro中使用Vue，入口组件必须导出一个Vue组件，在入口组件中我们可以设置全局状态或访问小程序入口实例的生命周期：src/app.jsimportVuefrom'vue'/
weixin_39637260·2024-01-16 01:58

手把手教学：Vue下拉刷新、上拉加载组件插件（超详细）

前言https://juejin.im/post/6883373475843538951拖了很久的下拉刷新Vue组件——终于来了，其实写了很久了，一直拖着没写文章…上效果图技术点其实技术点也没什么难的，
山有木兮794·2024-01-16 01:57

VUE组件插槽、es6导入导出、脚手架安装

1.VUE组件插槽：Document我是底部bottom按钮我是标题内容我是默认中间内容newVue({el:"#app",/*注册组件的命名是首字母大写使用组件的时候中间要使用-分割*/components
GGYY丶·2024-01-15 22:08

前端面试 -- vue系列

.vue理解：2.SPA（单页面应用理解）3.vue实例挂载的过程4.v-for和v-if优先级5.SPA首屏加载速度慢的原因和解决办法6.Vue中给对象添加新属性界面不刷新（直接给对象添加属性）7.vue
L北杳·2024-01-15 19:57

修改数组中对象的属性值

刚才在使用vue组件的Table表格时，遇到了后端返回的数组，数组包含对象，对象中包含一个为null的对象属性值，然后呈现在网页上就会发现那一列是空白的，显得不好看，然后我想的是把那一列只要是null的全部改为零
travelerLV·2024-01-15 18:42

2024年前端最新面试题-vue3（持续更新中）

文章目录前言正文什么是MVVC什么是MVVM什么是SPA什么是SFC为什么data选项是一个函数Vue组件通讯（传值）有哪些方式Vue的生命周期方法有哪些如何理解Vue的单项数据流如何理解Vue的双向数据绑定
杨树林er·2024-01-15 18:03

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

在Vue组件中，data为组件的私有数据对象，每个实例都必须要有自己独立的数据对象。为了确保每个实例都有独立的数据对象，Vue规定data必须是一个函数，而不是一个简单的对象。
Z_B_L·2024-01-15 11:07

Vue组件封装

前言日常Vue开发常用组件有Vant、ElementUi、VuxUI、MintUI等组件库。可是作为一个前端菜鸡常常也会遇到需要自己封装组件的需求。所以在下面会介绍自己封装组件的心得体会。准备首先创建一个Vue项目1.先安装node菜鸟教程有相关教程终端输入node-v，如果出现相应的版本号，则说明安装成功。2.安装淘宝镜像npminstall-gcnpm--registry=https://re
逆风微笑的程序狗·2024-01-15 07:45

基于vue3.0的ionic中文开发文档

IonicVue概述2、Vue版本支持3、Vue工具4、原生工具5、安装Ionic二、快速开始1、什么是Ionic框架2、使用IonicCLI创建项目3、使用TypeScript或JavaScript构建4、一个Vue
西山水壶·2024-01-15 04:37

ElementUI表格中添加表头图标悬浮提示

/删除车辆'}},'操作');},切记导入importHelpHintfrom‘~/components/HelpHint/HelpHint.vue’;并在components中引入HelpHint.vue
永不满足的求知者·2024-01-14 23:33

vue组件化开发的感悟

对于vue组件化开发，我发现我悟了，浑身通透，这感觉太棒了！，下面说说我的领悟历程！
炸_洋芋·2024-01-14 18:47

Vue生命周期钩子和 计算属性与侦听器

Vue组件的生命周期分为四个阶段，每个阶段有两个生命钩子，注意前后钩子。创建阶段：主要用于组件创建时，获取数据设置组件。
wyk.wyk·2024-01-14 18:30

vue生命周期钩子和计算属性

Vue组件的生命周期分为四个阶段，每个阶段有两个生命钩子，注意前后钩子；①beforeCreate：组件实例刚被创建，组件属性data、el等还未生效。el和data并未初始化。
倚窗听梦~~~·2024-01-14 18:30

vue组件化开发

vue组件树组件分为三个步骤①创建组件构造器Vue.extend创建组件Vue.extend里也可以放组件，就是注册子组件，Vue.extend({template:``,
黑白说程序·2024-01-14 15:52

小白浅学Vue3

属性绑定条件渲染v-if、v-else-if、v-elsev-show列表渲染v-for状态管理事件事件事件传参事件修饰符数组变化监听计算属性Class绑定Style绑定侦听器v-model表单的输入绑定模板引用Vue
QGS-CD·2024-01-14 14:29

Spring Boot 3 + Vue 3实战：实现用户登录功能

login-vue1、创建Vue项目2、安装axios模块3、安装vue-router模块4、安装less和less-loader模块5、运行Vue项目6、在浏览器里访问首页7、在IDEA里打开Vue项目8、创建登录Vue
howard2005·2024-01-14 14:27

Vue组件之间的通信方式详细讲解（收藏此篇再无疑问）

文章目录一、组件间通信的概念二、组件间通信解决了什么三、组件间通信的分类四、组件间通信的方案1、props传递数据2、$emit触发自定义事件3、ref4、EventBus5、$parent或$root6、$attrs与$listeners7、provide与inject8、vuex小结参考文献一、组件间通信的概念开始之前，我们把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一，
章IT·2024-01-14 11:50

uni-app中实现弹幕的滚动效果

在Vue组件中定义一个数组，用于存储弹幕的内容。可以使用data属性定义该数组。使用v-for指令将弹
貂蝉空大·2024-01-14 07:14

vue组件局部注册

只能在当前注册它的vue实例中使用//定义组件的模板varChild={template:'Acustomcomponent!'}newVue({//局部注册组件components:{//将只在父模板可用一定要在实例上注册了才能在html文件中使用'my-component':Child}})
王玉伟的伟·2024-01-14 07:09

vue题库

为什么vue组件中data必须是一个函数？
九仄·2024-01-14 03:02

vue3如何封装接口

你可以使用npm或yarn来安装：2.创建一个api.js文件来管理接口封装：3.在Vue组件中使用封装的接口：前言在Vue3中封装接口的主要目的是为了提高代码的可维护性、重用性和可读性。
锅盖哒·2024-01-14 02:35

vue3基础：单文件组件介绍

介绍Vue的单文件组件(即*.vue文件，简称SFC，全称是singlefilecomponent)是一种特殊的文件格式，使我们能够将一个Vue组件的模板、逻辑与样式封装在单个文件中。
whatever who cares·2024-01-14 02:02

vue3基础： 组件注册

组件注册一个Vue组件在使用前需要先被“注册”，这样Vue才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。
whatever who cares·2024-01-14 02:30

vue组件注册为什么有时候要在require后面加上default?

module.exports=file=>()=>import('@/views/'+file+'.vue')module.exports=file=>require('@/views/'+file+'.vue').defaultwebpack打包时支持CommonJS、AMD和ES6的模块化系统。我们通常写.vue单文件组件时，在script语言块中使用的是ES6的语法，使用exportdefa
我性本傲·2024-01-14 00:09

.vue文件中，引入子组件提示报错：File ‘xxx.vue.ts‘ is not a module的解决方案

问题引入在vscode中，代码提示报了该问题，如下：我在App.vue中引入了Header.vue组件，Header.vue中把script标签加上了，但是没有写相关脚本代码，然后App.vue中就一直报错
CodemanNotColdman·2024-01-13 23:45

Vue如何创建一个新页面以及相关路由配置详解

文章目录发现宝藏1.路由配置语法格式2.vue如何创建一个新页面1.创建Vue组件2.设计页面结构3.配置VueRouter4.更新导航菜单5.测试导航3.vue路由配置常见属性1.path2.name3
东离与糖宝·2024-01-13 19:08

vue 组件通信方式，六种方法

转载的一篇作者名为“爱学习的小仙女早睡早起”的一篇文章：《vue组件通信
云瑶糖糖·2024-01-13 16:59

Vue：将以往的JQ页面，重构成Vue组件页面的大致思路梳理(组件化编码大致流程)

一、实现静态组件组件要按照功能点拆分，命名不要与HTML元素冲突。1、根据UI提供的原型图，进行结构拆分，拆分的粒度以是否方便给组件起名字为依据。并梳理好对应组件的层级依赖关系。2、拆分好结构后，开始对应的写组件，并根据梳理好的层级关系，对应引入组件。3、根据UI提供的静态HTML、CSS代码，进行组件标签的替换。并同时调试效果。3.1)、把HTML中的body里面的div内容，直接全部拷贝到Ap
生产队队长·2024-01-13 13:48

vuePress学习

Vue驱动享受Vue+webpack的开发体验，可以在Markdown中使用Vue组件，又可以使用Vue来开发自定义主题。
亮学长·2024-01-13 11:59

系统性学习vue-vue核心

做了三年前端,但很多系统性的知识没有学习还是从头系统学习一遍吧课程是b站的Vue2.0+Vue3.0课程后续还会学习的如下,就重新开一篇了,不然太长,之后放链接vue组件化编程vue-cli脚手架vue
aqiu~·2024-01-13 10:50

系统性学习vue-组件及脚手架

书接上文Vue组件及脚手架初始化脚手架说明步骤分析脚手架结构render函数修改默认配置ref属性props配置mixin混入/混合定义混合局部混合全局混合插件scoped样式安装less-loader
aqiu~·2024-01-13 10:50

uniapp

基础知识目录结构一个uni-app工程，默认包含如下目录及文件：┌─uniCloud云空间目录，阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcbuniCloud）│─components符合vue
我丶秦始皇丶打钱·2024-01-13 08:31

vue组件通信

父组件传值给子组件：props$parent子组件传值给父组件：$emit$refs$children$attrs进行跨层级传值，比如，爷爷组件传值孙子组件$listeners孙子传值爷爷slot插槽传值bus任意组件传值路由传参vuex目录1，父组件传值子组件props2,子组件传值给父组件$emit3,通过refs进行组件传值子组件传值给父组件4,通过$parent进行父子传值5,通过$chi
青青子衿越·2024-01-13 08:33

在vue项目中使用天地图，点击可打点，搜索打点组件封装

一、在index.html文件中引入天地图JavaScriptAPI：Vue2TMapDemo二、创建Vue组件，例如TMapMarker.vue搜索经度：{{marker.lng}}纬度：{{marker.lat
葫芦娃y·2024-01-13 05:20

vue组件开发思路(传值、slot)

组件开发思路：1.定义一个form表单，提交全局校验，数据的传递provide(){return{}}，下面的子孙组件可以inject获取数据2.formItem校验、label、错误显示、插槽3.数据收集v-model，通知校验4.校验4.1不能用孙组件通知校验,可以通知子组件formItem校验this.parent.parent.parent.emit(‘validate’)4.2formI
前端段·2024-01-13 05:05

vue3.2引用unplugin-vue-components插入，解放开发中import组件

它的主要功能是自动导入Vue组件，从而减少了在每个文件中手动导入组
Alex_Drag·2024-01-13 00:51

VS CODE之vue.js基本知识一

搜索框直接搜索该语言的英文，点击安装即可文件目录管理：设置颜色主题：一些通用操作：推荐安装的插件Vue.js项目技术栈Vue.js,Vue-Router,webpack,axios,Vue-cli3,Vuex,Vue
w??oo.·2024-01-12 19:54

Vue 组件学习总结

本文主要是对Vue组件学习的总结和之后要写的内容的计划。组件学习总结组件库的本质是什么？组件库其实就是一堆组件组成的一个项目，一般项目里会有组件和演示项目。
VioletJack·2024-01-12 19:35

20、vue组件级路由钩子函数(beforeRouteEnter/beforeRouteUpdate/beforeRouteLeave)

beforeRouteEnter(to,from,next)beforeRouteEnter函数内部this是undefined，这是因为在执行路由钩子函数beforRouteEnter时候，组件还没有被创建出来；先执行beforRouteEnter，再执行组件周期钩子函数beforeCreate。我们可以通过next获取组件的实例对象，如：next((vm)=>{})，参数vm就是组件的实例化对
world_7735·2024-01-12 17:10

如何优雅使用 vue-html2pdf 插件生成pdf报表

pdf报表，传统的pdf要手撕，企业中确实有点耗费时间，于是github上面看到开源的这个插件就…废话不多说，直接上教程1.使用下面命令安装vue-html2pdfnpmivue-html2pdf2.在vue
屲亣猿猿·2024-01-12 17:22

vue组件内外数据保持同步 & 组件数据加载解析顺序

背景与简介一个公共的组件，比如BaseTable，需要同步组件内外部数据的同步，组件内部数据修改，组件外数据同步修改，组件外部数据修改，组件内部数据同步修改；同时，当组件内外部数据修改，需要执行某些数据的计算或赋值，比如动态计算树形表格的索引treeIndex。还要避免数据同步来回更新造成的死循环。组件数据加载解析顺序实例初始化完成、props解析->beforeCreate->响应式数据、计算属
英俊潇洒美少年·2024-01-12 16:17

VUE深度监听一个对象数组

项目开发中需要监听Vue组件data中的一个数组的变化：studentList使用watch直接监听数组studentList的变化，没有效果，原因是：由于JavaScript的限制，Vue不能检测以下变动的数组
flybone7·2024-01-12 13:29
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他