vue组件

Vue组件之间的通信（组件之间的数据传递）

一、Vue组件之间的关系父子关系：A组件和B组件、B组件和C组件、B组件和D组件兄弟关系：C组件和D组件隔代关系：A组件和C组件、A组件和D组件二、父组件向子组件传递数据通过props方式向子组件传递数据
鸣鲷有柒·2023-01-17 01:34

el-table实现虚拟滚动

预览：https://xiaocheng555.github.i...github：https://github.com/xiaocheng5...el-table-virtual-scroll.vue
·2023-01-16 18:56

uniapp实现界面可任意拖动小图标

解决步骤2.1根据uni-app官方提供的案例，创建组件2.2在需要的界面引入组件使用额外注意一、问题：例如购物车小图标可任意拖动二、解决步骤2.1根据uni-app官方提供的案例，创建组件创建car.vue
码manba·2023-01-16 16:06

前端学习第三站——Vue2基础篇

目录1.环境准备1.1安装脚手架1.2创建项目1.3安装vuedevtools1.4运行项目2Vue组件2.1文本插值2.2属性绑定v-bind2.3事件绑定v-on2.4计算属性computed2.5vue
芝麻干·2023-01-16 07:03

Vue学习第12天——分析vue混入(mixin)的使用方法

一、基础概念mixin官方定义混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
离奇6厘米·2023-01-16 07:59

vue组件传值的11种方式总结

使用问号传值5、使用$ref传值6、使用依赖注入传给后代子孙曾孙7、祖传孙$attrs8、孙传祖9、$parent10、sessionStorage传值11、vuex总结不写这篇文章，我自己都不知道我知道的vue
·2023-01-16 05:15

Vue组件间通信的实现方法讲解

目录前言一、vuex是什么二、vuex的使用三、四个重要的映射函数四、多组件数据共享五、模块化使用vuex前言前面介绍过几种可以实现组件间通信的方式props、ref、自定义事件绑定、全局事件总线、插槽…，这些要么就是实现组件间通信只能在特定条件下使用，要么就是实现起来太复杂，今天介绍到的vuex是Vue中一款强大的插件，使用vuex后可以实现任意组件间通信，并且支持模块化管理。接下来将会围绕一个
·2023-01-16 05:14

Vue组件基础操作介绍

目录一、组件二、组件的创建三、组件中的data四、组件中的methods一、组件组件是vue的重要的特征之一，可以扩展html的功能，也可以封装代码实现重复使用。二、组件的创建1.非脚手架方式下创建第一步：使用Vue.extend创建组件第二步：使用Vue.component注册组件第三步：在html页面中使用组件//第一步：使用Vue.extend创建组件varmycom=Vue.extend(
·2023-01-16 05:30

vue组件打包并发布到npm的全过程

目录一、创建项目二、配置相关文件1.修改文件名2.根目录下新建vue.config.js文件3.发布到npm总结一、创建项目vuecreate项目名称二、配置相关文件1.修改文件名src目录更改为-examples//改成examples用作示例展示新增packages用于编写存放组件2.根目录下新建vue.config.js文件因为src目录更名为examples，导致项目无法运行在vue.co
·2023-01-16 02:19

vue实现公共组件传值并及时监听到数据更新视图

目录vue公共组件传值及时监听到数据更新视图场景vue组件传值的几种方式父传子子传父非父子组件传值总结vue公共组件传值及时监听到数据更新视图场景AB两个子组件在父页面中，（我们险别估损信息为A，立案信息为
·2023-01-16 02:47

Vue概述&Vue快速入门&&Vue实例&Vue指令&组件化&Vuejs Ajax

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数能够使用vue常见指令能够使用vue计算属性和watch监控能够编写Vue组件能够使用axios发送异步请求获取数据VUe概述前言先了解一下前端开发模式的发展
9.冄2.7.號·2023-01-14 19:20

【Vue】高级系列（一）Vue组件定义与使用 - 非单文件组件 - 单文件组件 - VueComponent

文章目录0.组件的概念1非单文件组件1.1使用组件的三大步骤1.2如何定义一个组件1.3如何注册组件1.4注意点1.5组件嵌套2.VueComponent3.单文件组件vue文件的组成(3个部分)3.1组成3.2基本使用3.3关于标签名与标签属性名书写问题0.组件的概念传统方式编写应用存在问题：依赖关系混乱，不好维护代码复用率不高使用组件方式编写应用组件的定义——实现应用中局部功能代码和资源的集合
YK菌·2023-01-14 09:43

Vue学习-异步组件

一、异步组件的简介所谓的异步组件就是通过import或者require导入的vue组件。例如：constcomponentA=import(
Crystal莘·2023-01-14 09:13

vue组件 非单文件组件的使用步骤

目录一，什么是组件二，非单文件组件2.1使用组件的三大步骤1.创建组件2.注册组件3.使用组件4.关于写法的注意点2.2组件的嵌套关于VueComponent一，什么是组件实现应用中局部功能代和资源的集合（简单来说就是将html，js，css，资源整合起来的一个小盒子）理解：用来实现局部(特定)功能效果的代码集合为什么：一个界面的功能很复杂作用：复用编码，简化项目编码，提高运行效率组件又分为非单文
·2023-01-13 02:48

Vue3组件化（一）：父子组件的通信

认识组件的嵌套前面我们是将所有的逻辑放到一个App.vue组件中，如果我们将所有的代码逻辑都放到一个App.vue组件中，我们会发现，代码是非常的臃肿和难以维护的。
Imkata·2023-01-12 16:19

Vue组件开发--插槽使用详解

一、概述在进行Vue组件开发时，当组件内某一部分标签不确定，或者补应该按固定标签来写死模板代码时。我们可以对不确定的位置，定义一个插槽，等待调用者调用该组件的时候再把内容传入。
流水武qin·2023-01-12 07:37

VUE 4

4.1vue组件使用的细节点（1）子组件数据data要定义成一个函数（2）采用ref引用的方式操作DOM（不是组件上）（3）采用ref引用（组件上）4.2父子组件的数据传递（注意：子组件不能修改父组件传递过来的数据
忘川R·2023-01-11 09:42

什么是VUE SSR

默认情况下，可以在浏览器中输出Vue组件，进行生成DOM和操作DOM。
weixin_42893818·2023-01-10 03:30

Vue组件及组件之间的通信

目录一、Vue脚手架的使用1、通过命令行使用vue-cli的指令创建：vueinitwebpack项目名称2、使用webStorm软件：本质仍然使用vue脚手架3、使用vueui创建：vue提供的图形化的操作界面二、Vue的组件和组件之间的通信1、组件：是vue的重要的特征之一，可以扩展html的功能，也可以封装代码实现重复使用。2、组件的创建：3、组件中的data4、组件中的methods：和v
须臾不敢忘·2023-01-10 03:17

vue组件之间的数据传递

目录组件之间的通信1、组件之间的关系：父子关系、兄弟关系、跨级关系2、父子组件之间的通信（数据传递）：3、兄弟组件之间的通信（数据传输）：4、跨级组件之间的通信：provide/inject类似于消息的订阅和发布。provide提供或发送数据，inject接收数据。组件之间的通信1、组件之间的关系：父子关系、兄弟关系、跨级关系2、父子组件之间的通信（数据传递）：（1）父组件——->子组件：使用pr
须臾不敢忘·2023-01-10 03:17

你使用过 Vuex 吗？使用过 Vue SSR 吗？说说 SSR？vue-router 路由模式有几种？能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗？

当Vue组件从store中读取状态的时候，若store中的状态发生变化，那么相应的组件也会相应地得到高效更新。（2）改变store中的状态的唯一途径就是显式地
Z_Xshan·2023-01-10 03:07

vitepress（四）：引入vue组件

这节课的内容需要有前置的良好的Vue基础，如果你仅仅想搭建一个存放md文件的网站的话，可以不必学习后面的内容，当然如果你想个性化自己的站点，那么推荐你学习一下引用的方式和注意点，开始你的个性化之旅编写VUE
摸鱼老萌新·2023-01-08 16:06

vue的使用

为什么要使用MVVMVUE基础语法学习数据代理什么是双向数据绑定为什么要实现数据的双向绑定在表单中使用双向数据绑定vue修饰符第一个Vue组件什么是
beita学Java·2023-01-07 19:00

前端笔记【Vue】组件化开发

Vue中规定，组件的后缀名是.vue（eg.App.Vue文件就是一个Vue组件）。二、组件的组成每个Vue组件都由三部分构成，分别是：template、script、style。
斑三三·2023-01-06 18:05

Vue组件

目录一，组件的生命周期二，组件之间的数据共享1，组件之间的关系2，父子关系数据共享（父→子）3.父子关系数据共享（子→父）4.兄弟关系数据共享5.后代关系数据共享三，动态组件&异步组件1.在动态组件上使用keep-alive2.异步组件一，组件的生命周期组件的生命周期大体分为：创建->运行（渲染）->销毁1.在开始时import导入组件2.components注册组件3.像标签一样使用组件4.创建
咬口大葱·2023-01-06 18:35

vue项目学习

*.vue文件，是一个自定义的文件类型，用类似于HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言模块,。这三个部分分别代表了html,js,css。
Sunlalalla·2023-01-06 18:04

前端word文件(.docx)预览的VUE组件

开发了一个非常好用的word、excel、pdf预览vue组件，只需提供文件的src地址，或者是文件的ArrayBuffer，即可完成文件预览，非常方便。
·2023-01-06 11:58

Vue组件之间的通信

1、组件：是vue的重要的特征之一，可以扩展html的功能，也可以封装代码实现重复使用2、组件的创建（1）非脚手架方式创建：1️⃣使用vue.extend创建组件2️⃣使用vue.component注册组件3️⃣在html页面使用组件//1、使用Vue.extend创建组件varmycom=Vue.extend({template:'啦啦啦'//template：指定页面中需要展示的html结构}
秃头小宋s·2023-01-05 12:06

这可能是最简单的docx、pdf、excel文件预览vue组件库

项目的由来最近项目中需要实现pdf和docx文件的预览功能，本来想着这应该是非常常见的需求，应该有很多现成的简单方案可用，搜索了一圈发现，虽然有很多方案，但是用起来有一些问题：预览的效果参差不齐，有的预览效果很好，有的预览缺少对样式的支持使用复杂，本来想着只要传一个文件地址就能预览，结果发现还要写很多细节代码每种文件都有很多方案需要去选择，比如docx、pdf、excel等，每个文件都有大量的第三
·2023-01-05 12:54

Vue组件的实现原理详细分析

目录渲染组件组件更新父子组件setup函数emit实现渲染组件一个组件内部必须要使用render进行渲染，且返回虚拟DOM这是一个最简组件实例constMyComponent={//组件名称，可选name:"MyComponent",//组件的渲染函数，其返回值必须为虚拟DOMrender(){//返回虚拟DOMreturn{type:"div",children:`我是文本内容`,};},};渲
·2023-01-05 05:25

vue组件通信6种方式总结（常问知识点）

前言在Vue组件库开发过程中，Vue组件之间的通信一直是一个重要的话题，虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题，但是在组件库内部使用Vuex往往会比较重，本文将系统的罗列出几种不使用
·2023-01-03 10:12

vue组件通信方式有哪些？

vue组件通信方式一、props(父向子传值----自定义属性)/$emit(子向父传值-----自定义事件)父组件通过props的方式向子组件传递数据，而通过$emit子组件可以向父组件通信。
·2023-01-03 10:41

2023前端二面高频vue面试题集锦

其中state就是数据源存放地，对应于一般vue对象里面的data里面存放的数据是响应式的，vue组件从store读取数据，若是store中的数据发生改变，依赖这相数据的组件也会发生更新它通过mapState
·2023-01-02 10:00

2023前端二面高频vue面试题集锦

其中state就是数据源存放地，对应于一般vue对象里面的data里面存放的数据是响应式的，vue组件从store读取数据，若是store中的数据发生改变，依赖这相数据的组件也会发生更新它通过mapState
·2023-01-02 10:29

五、伊森商城 前端基础-Vue Vue脚手架原理与使用 p27

newVue创建了一个vue实例，这个实例挂载了index.html中的app元素1.2、使用了路由，这个路由是简写的写法1.3、components使用了一个组件叫App1.4、最终渲染2、App.vue
131.313·2023-01-02 04:39

vue 中的scoped原理

如果每一个vue组件的style标签都加上了scoped，那就实现了样式的模块化。
__十七·2023-01-01 12:12

2.vue组件样式穿透

vue组件样式穿透scoped表示样式只在本组件起作用,如果父组件要改变子组件的样式,如父组件hover的情况下，就需要样式穿透，在不同类型的样式文件中，穿透方式不同。
大奔的大葱·2023-01-01 12:11

Vue组件中scoped的原理

一、使用场景:::tip在编写Vue组件时，我们通常希望一些样式只作用于这一个组件，而不影响全局，此时只需要在style标签后加上一个scoped就可以了，但它是怎么做到的呢？
Ocean！！·2023-01-01 12:10

Vue组件中import css时scoped会失效

问题在组件中通过importcss文件时，即使加了scoped还是会变成全局样式，从而影响全局组件的样式。解决办法在组件style标签中通过src引入此时标签style中的样式会失效，所有的样式也放到css文件中就可以了
DDDHL_·2023-01-01 12:37

vue内嵌iframe跨域通信的实例代码

目录vue内嵌iframe跨域通信1、Vue组件中如何引入iframe？2、vue如何获取iframe对象以及iframe内的window对象？3、vue如何向iframe内传送信息？
·2022-12-31 15:42

Vue动态组件表格的实现代码

目录Vue组件数据源框架结构组件这里我自己封装了几个组件按钮组件图片组件滑动开关tap组件text组件Vue组件数据源//这里是HTML内容这里通过下面的引入框架结构把数据源传到框架中还有匹配项//引入结构组件
·2022-12-31 15:41

Vue的响应式数据与非响应式数据及原理

一.概念及使用响应式:当Vue组件的实例初始化的时候已有的数据就是响应式数据通过Object.defineProperty代理实例this身上的响应式属性的值发生改变会触发视图更新非响应式:当Vue组件的实例初始化的时候没有
console.log('D')·2022-12-30 10:54

Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么

本文为Varlet组件库源码主题阅读系列第一篇Vue开源的组件库有很多，基本各个大厂都会做一个，所以作为个人再重复造轮子其实意义也不是很大，但是笔者对于如何设计一个Vue组件库还是挺感兴趣的。
·2022-12-30 00:07

vue scope和deep穿透原理

如果vue组件有带scoped的style,postcss编译时会为该组件内所有dom元素都加一个【标识组件唯一】的动态属性[哈希值,data-v-实例标识](这里dom，包括[普通dom元素]和[子组件的根元素
·2022-12-29 11:15

Vue组件

文章目录组件概念使用组件名字注意事项组件--scoped作用组件中的data必须是函数组件name属性组件通信父传子props数据验证单向数据流父传子-循环使用子传父非父子TODO案例组件概念组件是可复用的vue实例，封装标签，样式，js代码组件化:封装的思想，把页面上可复用的部分封装为组件一个组件就是一个整体，有子级独立的结构，样式，js好处：复用性强使用每个组件都是一个独立的个体，就是一个.v
Youser511·2022-12-27 13:10

TODOS案例

个组件和里面的代码还有样式2：APP.vue中引入三个组件渲染任务列表需求：把任务列表展示到页面TodoMain.vue中需求：选中状态设置相关的样式步骤：App.vue中定义数组传入TodoMain.vue
Youser511·2022-12-27 13:10

vue组件间常用的几种通信方式

第一种方式：props这种通信方式适用与父向子传递数据//父组件我是父组件importStudentNamefrom"./components/StudentName.vue"exportdefault{components:{StudentName},data(){return{name:"李四"}}}.father{background:green;height:50px;}这样我们的子组件就
老板上菜！·2022-12-26 21:31

8种vue组件通信方式

vue组件中关系说明:如上图所示,A与B、A与C、B与D、C与E组件之间是父子关系；B与C之间是兄弟关系；A与
hukay22·2022-12-26 21:00

Vue跨组件通信8种方式汇总

Vue组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用，所以对于Vue来说组件间的数据通信非常重要。
豆腐oh·2022-12-26 21:00

SpringBoot项目整合Vue做一个完整的用户注册功能

用户注册信息及校验2后台接口设计2.1上传头像接口2.2用户注册接口3后端代码实现3.1用户头像上传接口编码实现3.1.1服务层编码3.1.2控制器层编码3.2用户注册接口4前端代码实现4.1完成用户注册界面vue
heshengfu1211·2022-12-26 12:03
上一页 53 54 55 56 57 58 59 60 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他