vue组件

Vue中如何进行样式绑定？

样式绑定是将CSS样式与Vue组件中的数据进行关联的一种技术。通过样式绑定，我们可以根据组件的状态动态地修改其外观。本文将介绍Vue中的样式绑定，包括类绑定、内联样式绑定和条件样式绑定。
程序媛-徐师姐·2023-06-11 07:59

【vue3】10-vue组件化额外知识补充（下）-动态组件-组件缓存-v-model在组件上的应用

组件化-额外知识补充（下）动态组件的使用(了解)keep-alive（理解）认识keep-alivekeep-alive的使用异步组件的使用webpack分包处理（了解）Vue中实现异步组件组件的v-model组件的混入Mixin（了解）动态组件的使用(了解)切换组件案例：比如我们现在想要实现了一个功能:点击一个tab-bar，切换不同的组件显示;这个案例我们可以通过两种不同的实现思路来实现:方式
SevgiliD·2023-06-11 07:25

2018-07-30

利用事件总线原理，实现了任意Vue组件之间的通讯。
公明_Jack·2023-06-10 21:51

Vue开发 高级学习教程

一、Vue开发高级学习教程1.Vue组件详解2.Vue组件插槽3.Vue组合式函数、自定义指令4.Vue组件之间传值、事件5.Vue异步组件6.Vue内置组件和使用7.Vue单文件组件模式8.Vue动画技巧
天马3798·2023-06-10 19:32

vue组件通信8种方式

01_组件通信思路分析:1.总述知道的所有方式2.按组件关系阐述使用场景回答范例:1.组件通信的方式有下面的8种propsemit/∗∗emit/**emit/∗∗on****children∗∗/children**/children∗∗/parentattrs/∗∗attrs/**attrs/∗∗listeners**provide+injectref$rooteventbus(然后vue3中
CrazyxxLu·2023-06-10 17:56

简述Vue的生命周期以及每个阶段做的事情

03_简述Vue的生命周期以及每个阶段做的事情思路给出概念列举出生命周期各个阶段阐述整体流程结合实际扩展：vue3变化回答范例每个vue组件实例被创建后都会经过一系列步骤。
CrazyxxLu·2023-06-10 17:50

unplugin-vue-components/vite自动将项目中使用的 Vue 组件按需引入

unplugin-vue-components是一个Vite插件，它可以自动将项目中使用的Vue组件自动按需引入，以减小打包体积。
前端程序猿i·2023-06-10 13:55

Vue实战开发--后台管理系统Vue+Element ui（11）

本节课完成用户列表表单设计，使用table组件，同样模块化组件，CommonTable.vue组件，并且在User页面中引入，mock实现数据模拟，最终完成用户列表多项功能，实现新增，搜索，编辑，删除功能
luo_guibin·2023-06-10 12:26

【Vue实战】使用vue-admin-template模板开发后台管理

vue-admin-template模板2、搭建环境3、修改登录功能3.1、创建登录接口3.2、修改登录前端（1）修改接口路径（2）修改js文件二、跨域问题1、什么是跨域2、配置三、设置自定义路由1、修改路由2、创建vue
ぃ小男孩つ·2023-06-10 12:24

Vue组件化开发实例

Vue可以进行组件化开发，组件是Vue的基本结构单元，开发过程中只需要按照Vue规范定义组件，将组件渲染到页面即可。组件可以提高代码的复用性。例如我们需要实现一个10*10的图片表格，使用常规形式，我们则需要写100个img，工作量十分巨大，。但是如果使用Vue的组件化进行开发，我们只需要定义一个组件写一个for循环传值就可以实现一样的效果，示例代码如下：css代码部分：body{padding:
約束丶·2023-06-10 12:52

个人向-Vue快速入门

个人向-Vue快速入门一、介绍二、初入(基本使用语法)1.初入2.v-bind3.判断循环4.事件绑定5.数据双向绑定6.vue组件7.axios异步通信8.计算属性9.插槽slot10.自定义事件内容分发三
初入编程的薯条·2023-06-10 11:08

4.Vue 局部组件(父子组件通信方式)

Vue组件概念图：image.pngVue父子组件通信图：image.png公共组件全部放在src\components\下在src\components\下建立：Top.vue代码：Top{{name1
圆梦人生·2023-06-10 04:01

vue3中的插槽

可以将它理解为是在Vue组件中定义的占位符，用于指定在父组件中传递给子组件的内容的位置。它可以根据需要在父组件中动态地插入不同的内容，同时也可以接受子组件中
九仞山·2023-06-10 04:27

Vue.js中的Mixin和组件插槽

Mixin是一种可重用Vue组件的方式，而组件插槽则提供了一种在组件之间共享内容的方式。虽然这两个概念在功能上有所不同，但它们对于Vue.js应用程序的开发都非常重要。
yujun2023·2023-06-10 02:47

【vue】vue给div赋值（通过v-html给vue组件中的div赋值）

前言近期在项目中遇到一个比较常见的需求，需要把富文本内容展示在vue页面中，当时的想法是用一个第三方富文本编辑器进行展示，后来发现是否可以通过一个div把内容展示出来，经过测试可以通过v-html=变量或方法对div直接赋值示例parentContent为变量data(){return{form:this.$store.state.newsitem,parentContent:this.$stor
一起来学吧·2023-06-09 23:10

Vue拼图验证

vue-puzzle-verification封装的一个用于登录验证的拼图的vue组件，使用了canvas画图和拖拽的一些技巧。支持大小、形状、图片、偏差、范围的自定义。
D_evin_·2023-06-09 22:37

vue基本使用1

页面中填充数据，非常方便框架框架是一套现成的解决方案，程序员只能遵循框架的规范，去编写自己的业务功能要学习vue，就是在学习vue框架中规定的用法vue的指令、组件(是对UI结构的复用)、路由、vuex、vue
超级代码·2023-06-09 19:40

【vue3】07-vue组件之间的通信-父子互传-事件总线

文章目录Vue的组件嵌套Vue组件化-组件间通信父子组件之间通信非父子组件间的通信Vue的组件嵌套前面我们是将所有的逻辑放到一个App.vue中:在之前的案例中，我们只是创建了一个组件App;如果我们一个应用程序将所有的逻辑都放在一个组件中
SevgiliD·2023-06-09 11:42

【vue3】09-vue组件化额外知识补充（上）-生命周期-ref引用

组件化-额外知识补充（上）生命周期认识生命周期生命周期函数的演练refs引用生命周期认识生命周期什么是生命周期呢?生物学上，生物生命周期指得是一个生物体在生命开始到结束周而复始所历经的一系列变化过程;每个组件都可能会经历从创建、挂载、更新、卸载等一系列的过程;在这个过程中的某一个阶段，我们可能会想要添加一些属于自己的代码逻辑(比如组件创建完后就请求一些服务器数据);但是我们如何可以知道目前组件正在
SevgiliD·2023-06-09 11:10

vue组件通信方式汇总

之前学习了组件通信的6中方式1-props：使用场景：【父组件给子组件传递数据】传递数据类型：可能是函数：实质是子组件想给父组件传递数据；可能不是函数：实质就是父组件给子组件传递数据特殊情况：路由传递props1:布尔值类型，把路由中params参数映射为组件props数据2:对象，静态数据，很少用3:函数，可以把路由中params|query参数映射为组件props数据2-自定义事件$emit$
ycmy2017·2023-06-09 09:56

修改element ui的tabs组件解决jointjs,echarts显示不正常的问题

在做jointjs的vue组件的时候发现一个问题，使用elementui的tabs组件加载多个paper的时候，除了当前页面正常之外，其他被隐藏的tab的比例scale都不正常，网上查了半天才知道jointjs
robinspada·2023-06-09 04:30

Vue组件-1

组件的生命周期1.嵌套组件的生命周期触发时机，和父组件，兄弟组件相比2.组件的全局注册和局部注册的区别，按照这个区别，那vue-cli里面应该都是全局注册吧3.props1.一个组件默认可以拥有任意数量的prop,任何值都可以传递给任何prop。2.动态传递，静态传递要知道3.当props很多的时候，为每一个相关信息定义一个prop会变得很麻烦，这个时候可以直接传入一个整体，但是这样的话，没法对每
skoll·2023-06-09 00:43

vue组件（25）做一个更好用的查询控件（一）多种查询方式

查询三要素查询功能由三个要素组成：查询字段、查询关键字、查询方式一般的查询侧重前两项，比如按照手机号查询、按照订单号查询等等。但是查询方式呢？往往都是只设置了一种，比如查询手机号，只能是模糊查询，包含要查的数字就算，不会做更详细的区分。比如我想查138开头的手机号，那么中间可以能出现138，我想查0318结尾的手机号，那么0318也可能出现在中间。一般的情况下，如果客户不是特意强调需求的话，一个字
自然框架·2023-06-08 22:36

2023年前端面试题总结

某多多1.Promise实现原理2.vue组件间通信3.性能优化4.vuex数据流动过程5.谈谈css预处理器机制6.算法:Promise串行某眼电影1.vue组件间通信2.react和vue更新机制的区别
下一站丶·2023-06-08 19:41

【Vue】笔记五：详细介绍MVVM模型，并说明其在Vue中的应用

详细介绍MVVM模型，并说明其在Vue中的应用一、什么是MVVM二、MVVM在Vue有哪些应用1.Model：数据模型2.View：视图3.ViewModel：Vue组件实例三、MVVM模式的工作原理一
赵十三要瘦瘦瘦！！！·2023-06-08 18:48

【Vue】三：Vue组件：Vue脚手架

文章目录1.Vue脚手架使用2.脚手架结构3.改进之前的项目4.脚手架默认配置5.main.js的render函数1.Vue脚手架使用（1）安装node.js（2）安装脚手架全局安装npminstall-g@vue/cli（3）创建项目（4）编译Vue程序，自动将生成htmlcssjs放入内置服务器，自动启动服务。执行下面两个命令：（5）打开浏览器，访问：http://localhost:8080
Beyong2019·2023-06-08 18:52

【Vue】三：Vue组件：props配置 父组件获取子组件

文章目录1.props配置1.1方式一：简单的接收方式：直接采用数组接收1.2方式二：添加类型限制1.3方法三：添加类型限制，添加默认值，添加必要性1.4不要修改props中的值2.从父组件获取子组件1.props配置父组件：子组件：1.1方式一：简单的接收方式：直接采用数组接收1.2方式二：添加类型限制1.3方法三：添加类型限制，添加默认值，添加必要性1.4不要修改props中的值如果要对pro
Beyong2019·2023-06-08 18:52

【Vue】三：Vue组件：单文件组件

文章目录1.单文件组件2.创建，注册，使用组件1.单文件组件一个组件一个文件。2.创建，注册，使用组件创建组件：X.vueY.vue注册组件到App，并在此使用组件。
Beyong2019·2023-06-08 18:22

认识vue中的Props

使用对象的形式定义props没有使用``的组件中定义prop使用的组件中定义props如何使用propsprops的使用场景属性验证非prop特性单向数据流特性props的默认属性什么是propsProps是Vue
九仞山·2023-06-08 16:26

如何在 JS 中判断数组是否包含指定的元素(多种方法)

最近开源了一个Vue组件，还不够完善，欢迎大家来一起完善它，也希望大家能给
@大迁世界·2023-06-08 11:40

人事管理项目-部门数据编辑

所以在DeptController类中插入单条查询接口及修改接口，代码如下：前端实现1．建立修改页面在components目录下新建DeptUpdate.vue组件，并在路由中配置，代码2.绑定事件在DeptManager
深度学习从入门到放弃·2023-06-08 11:26

Vue框架和Axios实战：音乐播放器项目-音乐列表

并在main.js中导入并初始化配置：2．调整项目结构调整项目结构，删除HelloWorld.vue组件及相关配置。
深度学习从入门到放弃·2023-06-08 11:26

Axios实战：音乐播放器项目-跨域配置

跨域请求的配置代码如下：接着把网络基本URL挂载到main.js中，并且配置拦截器，代码如下：接着修改MusicList.vue组件，使其能动态获取百
深度学习从入门到放弃·2023-06-08 11:26

rollup打包vue组件并发布到npm

个人认为rollup在打包组件的实现方式比用webpack方便，webpack应该是比较适合打包大型的工程项目，而rollup适合打包一些平时在项目中的组件rollup中文文档：简介|rollup.js中文文档|rollup.js中文网(rollupjs.com)这次打包一个滚动加载更多的组件，因为平时用vant是vant-list会遇到一些问题，例如滚动到底部没有触发加载更多逻辑。首先在项目根目
UzumakiHan·2023-06-08 11:48

antv x6 踩坑日记+屏幕适配方案

坑点基于官方模版封装的vue组件节点坑一：在点击拓扑图中触发router.push()事件无法通过this去调用，通过引入router来实现导航跳转，这个时候可能会无法携带参数，这个时候重启一下项目就好
青椒味半岛铁盒·2023-06-08 08:48

前端面试题整理10

9.Vue组件传值方案有哪些？10.Vue组件的单项数据流怎么理解？1.Vue项目打包上线流程？①通过
m-TT·2023-06-08 07:56

vuex中 this.$store.dispatch() 与 this.$store.commit()方法的区别

$store.commit('mutations方法名',值)1.在Vue组件中提交mutation\src\store\index.jsimportVuefrom'vue';importVuexfrom'vuex
OneBaBa·2023-06-08 04:51

scoped和deep的关系/写在scoped里css失效

为啥一个组件上的样式我们写到全局css里不需要穿透，写到组件的这就需要我们探讨scoped的作用了注意：scoped作用：使得.vue中的样式不影响其他.vue组件样式，而不是scoped使得.vue组件样式不受外样式影响
song854601134·2023-06-08 01:39

前端学习--Vue(2)常见指令

一、Vue简介1.1概念Vue是一套用于构建用户界面的前端框架框架：现成解决方案，遵守规范去编写业务功能指令、组件、路由、Vuex、vue组件库1.2特性数据驱动视图vue连接页面结构和数据，监听数据变化
Michelle209·2023-06-07 17:55

说说你对vue的mixin的理解，有什么应用场景？

什么是mixin官方定义mixin（混入），提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。
CrazyxxLu·2023-06-07 13:33

【Vue组件】

组件化和模块化的不同模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一高内聚，低耦合组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用全局定义组件1、使用Vue.extend配合Vue.component方法2、直接使用Vue.component方法3、将模板字符串，定义到script标签中，同时，需要使用Vue.component来定义组件4、
聪明的墨菲特学前端·2023-06-07 08:38

使用Vue实现 “轮播图” 组件

准备工作首先，我们需要创建一个Vue组件，用于展示轮播图。在这个例子中，我们将创建一个名为Carousel的组件。模板我们首先来定义组件的模板，即HTML结构。
福州司马懿·2023-06-07 07:15

如何使用Axios发送异步请求？

你可以使用npm或yarn来安装它：npminstallaxios然后，你可以在Vue组件中导入Axios：importaxiosf
2301_77795034·2023-06-07 04:08

如何在Vue模板中自定义组件？

首先，我们需要创建一个Vue组件。在Vue中，组件可以扩展HTML元素，使其具有动态行为和数据绑定。
2301_77795034·2023-06-07 04:08

什么是Vue组件？如何创建和使用组件？

啥是组件？组件就是Vue应用中的小模块，可以重复使用的代码块。组件使得开发大型应用更加容易，因为你可以把代码分成多个小块，每个小块都负责特定的任务，就像搭乐高积木一样。创建组件在Vue中创建组件有两种方式：注册组件使用Vue.component()方法注册一个全局组件：Vue.component('my-component',{//组件选项//...})局部注册组件在某个Vue实例中注册一个局部组
2301_77795034·2023-06-07 04:37

vue 实现微信扫码登录的方法

二、开发环境：1.vue项目开发环境2.Vue组件开发环境：Vue项目开发工具3.微信登录接口：微信扫码登录接口、微信二维码登录接口（这个需要你自己去定义）三、前端实现：1.扫码界面的输入框：在vue中实现输入框
菩提本无树007·2023-06-07 00:26

Vue 组件

文章目录Vue组件全局组件局部组件Prop动态PropProp验证自定义事件Vue组件组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。
梁辰兴·2023-04-21 15:08

【vue练习】vue组件自定义样式、vue组件设置不同样式

以自定义组件输入框为例给输入框动态绑定style变量，变量为一个对象，当然也可以是单个样式，多个样式的时候用对象-->然后动态绑定的样式子组件以props的形式接收父组件传入的样式，可以在此处加上默认样式props:{searchStyle:{type:Object,default:function(){return{height:"30px",borderRadius:"5px",//样式key
蕉君桑·2023-04-21 13:15

vue组件销毁重置详解

v-if方式:key方式$destroyv-if方式exportdefault{data(){return{reFresh:true,}},watch:{menuTree(){this.reFresh=falsethis.$nextTick(()=>{this.reFresh=true})}}}Vue.nextTick([callback,context])参数：{Function}[callba
定栓·2023-04-21 08:52

8种vue组件通信方式（转载）

本篇文章带大家详细了解一下vue中8种组件通信方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。imagevue是数据驱动视图更新的框架，所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？首先我们需要知道在vue中组件之间存在什么样的关系,才更容易理解他们的通信方式,就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们之间
我王某不需要昵称·2023-04-21 03:45
上一页 42 43 44 45 46 47 48 49 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他