vue组件

Vue2 第十二节 Vue组件化编程（一）

1.模块与组件，模块化与组件化概念2.非单文件组件3.组件编写注意事项4.组件的嵌套一.模块与组件，模块化与组件化传统方式编写存在的问题（1）依赖关系混乱，不好维护（2）代码的复用率不高组件方式编写应用1.1模块①模块：向外提供特定功能的js程序，一般就是一个js文件②为什么要引入模块化：因为按照传统方式进行编程，js文件很多，引入逻辑很复杂③引入模块化的作用：简化js的编写，复用js，提高js的
pa_miao_chi·2023-08-01 00:33

vue全局自动挂载组件

vue组件的挂载分为局部和全局局部挂载组件就是在每一个需要引入的页面，去引入你需要的组件：import...from'../..'并且需要声明：components:{...
Xbbing·2023-07-31 20:40

Vue2 中使用Swiper构建中间大两边小轮播效果

然而，最新版的Vue组件只支持在Vue3中使用。查找资料后实践，记录一个Vue2中的使用方式。
圆脸黑猫警长·2023-07-31 19:50

vue 中如何利用 keep-alive 标签实现某个组件缓存功能？

在Vue组件的.vue文件中，你可以使用标签来实现组件的缓存功能。是Vue提供的内置组件，用于缓存动态组件，可以有效地提高组件的性能，避免重复渲染和销毁。
锅盖哒·2023-07-31 16:12

vue组件常用传值方法

1.父组件通信子组件①属性props//childprops:{msg:string}//parent②引用refs//parentthis.$refs.hw.xx="messge"③子组件childrenthis.$children[0].xx="message"2.子组件通信父组件//childthis.$emit("add",good)//parent3.兄弟组件之间的通信通过共同的祖辈组件
奇点先生·2023-07-31 16:45

vue react组件之间互相通讯

vue组件之间互相通讯，vuex太大，可以取巧的方法如下：Vue组件简单常用的通信方式有以下几种：1、父子通信：父子组件通讯：父组件：子组件：props:{myvisible:{type:Boolean
前端段·2023-07-31 13:20

当前主流前端框架

使用单文件的Vue组件化开发模式基于npm+webpack+babel开发，支持ES2015高质量、功能丰富友好的API，自由灵活地使用空间。
佐勒·2023-07-31 03:22

伸手党系列三：使用mpvue+VantUI+flyio进行小程序开发

VantWeapp：是移动端Vue组件库Vant的小程序版本，两者基于相同的视觉规范，提供一致的API接口，助力开发者快速搭建小程序应用。
钱不多·2023-07-31 02:59

Vue3 导出word

可以使用npm或yarn来安装：2.在Vue组件中，你可以使用docxtemplater来生成Word文档并提供一个导出按钮供用户下载。
锅盖哒·2023-07-30 16:32

解决Vue组件名称应始终为多个单词的问题

系列文章目录文章目录系列文章目录前言一、为什么组件名称应该始终为多个单词二、解决方法：使用多个单词命名组件三、解决方法：使用PascalCase命名组件四、不推荐的错误示例总结前言在Vue开发中，给组件起名是一个常见的任务。但是，有时我们可能会犯一些不规范的命名习惯，比如将组件名称设置为单个单词。本文将详细介绍为什么组件名称应该始终为多个单词，并提供解决方法，以确保在Vue项目中使用规范的组件名称
数据大魔王·2023-07-30 14:09

vue组件

1.v-html,v-text,v-once,v-preDocument{{msg}}{{msg}}{{msg}}{{msg}}newVue({el:'#app',data:{msg:'hello'}})2.v-cloakDocument[v-cloak]{display:none;}{{msg}}newVue({el:'#app',data:{msg:'hellovue'},beforeMoun
e8faf1ff57ad·2023-07-30 06:44

如何实现一个vue组件库的在线主题编辑器

前言一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主题简单来说是通过修改预定义的scss
街角小林2·2023-07-30 03:49

百度前端一面面经

手写一个路由4.介绍一下axios5.异步方式，手写promise6.flex布局与流式布局7.圣杯布局和双飞翼布局8.es6用过哪些，箭头函数与普通函数的区别9.为什么有同源策略CORS预检请求10.vue
明日清晨·2023-07-30 02:03

前端框架学习-Vue（二）

Vue生命周期是Vue应用的生命周期Vue脚手架，即vue-cli，使用node.js来创建和启动vue项目Vue组件知识，整体之后一个App组件。其他的都挂在在这个根组件上。
沉默的游鱼·2023-07-30 01:18

最好的Vue组件库之Vuetify的入坑指南（持续更新中）

目录安装Vuetify文档结构快速入门特性样式和动画首先先声明，个人不是什么很牛逼的大佬，只是想向那些想入坑Vuetify的前端新手或者嫌文档太长不知如何入手的人提供一些浅显的建议而已，能让你们稍微少走一些弯路就是本文的目的。我其实也只是会用了而已，没有研究得多深，写了一个多么多么复杂得项目，所以如果你觉得我说的是依托答辩的话，也请高抬贵嘴，右上角即可，非常感谢！本文将会分享自己的对于Vuetif
汤圆真的好可爱·2023-07-29 23:33

VUE3 ---＞组件化

目录vue-cli1、基于vueui创建vue项目组件库1.vue组件库2.vue组件库和bootstrap的区别3.最常用的vue组件库4.ElementUIaxios拦截器1.回顾：在vue3的项目中全局配置
Love丶Tin·2023-07-29 22:46

vue组件列表鼠标移入移出效果

最近会更很多小的demo，当作初学者的初步学习记录1.预期达成鼠标移入列表，所移入的项修改背景色，点击某一项可以修改其背景色2.实现效果鼠标移入移出修改背景.gif3.代码实现背景颜色选中及鼠标移入移出效果当前是否被选中：{{currentLi===index}}{{item.name}}exportdefault{data(){return{fruitList:[{name:"香蕉",amoun
_果不其然_·2023-07-29 20:25

＜mixin混入＞取并集是不是复用逻辑的最优解？

什么是混入混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
前端扎啤·2023-07-29 19:25

vue强制刷新的方法

有时候会遇到这么一种情况：1.切换页面页面没有更新2.通过动态的赋值,但是dom没有及时更新,能够获取到动态赋的值,但是无法获取到双向绑定的dom节点,这就需要我们手动进行强制刷新组件,下面这篇文章主要给大家介绍了关于vue
muzidigbig·2023-07-29 16:15

Vuex的全面用法总结

需要声明的是，这里所说的状态指的是vue组件中data里面的属性。官方网站:Vuex是什么？|Vuex2.vuex的组成结构示意图vuex的特点是把数据单独隔离，形成一棵树状图。
前端小灰狼·2023-07-29 15:19

vue3+antvue getPopupContainer

antvue组件是在父元素里面用的话，scoped:deep()加不上样式的话，就用文档中的这个属性，:getPopupContainer="(triggerNode)=>triggerNode.parentNode
山橘满月·2023-07-29 15:43

循环多个＜el-button＞ 如何设置某一个选中

以下是一种实现方式：1.在Vue组件中定义一个selectedButton变量，用于存储选中按钮的索引值：data(){return{selectedButton:-1//-1表示没有选中的按钮}}2.
小只笨笨狗～·2023-07-29 14:19

Vue3 word如何转成pdf代码实现

下面是一个基本的实现步骤：1.前端部分首先，你需要在Vue组件中创建一个用于上传Word文档的表单，用户可以选择要上传的文件。转换为PDFexportdefault{meth
锅盖哒·2023-07-29 13:01

vue ts如何创建

目录1安装VueCLI（如果你尚未安装它）：2.创建一个新的Vue项目，并选择TypeScript作为主要语言：3.进入项目目录并启动开发服务器：4.编写Vue组件和TypeScript代码：在Vue中使用
锅盖哒·2023-07-29 11:56

vue3 保存二维码

以下是一个简单的示例，假设你已经安装了qrcode库：npminstallqrcode在你的Vue组件中，导入qrcode库，并添加生成和保存二维码的方法：HTML部分
锅盖哒·2023-07-29 11:55

vue,mixins的使用过程

混入(mixins)：是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
WenGuoLiang·2023-07-29 10:33

【ElementUI】el-table表格导出excel表格

下载依赖包1、安装xlsx库[email protected]、安装file-saver库[email protected]二、导入依赖包在需要导出表格的vue
zlting_·2023-07-29 09:51

自定义日历.element-ui 修改时间选择器样式

一、自定义日历目录一、自定义日历二、时间选择样式自定义先上效果图一、自定义日历组件已经封装成vue组件，可选择切换年月：{{formatWeek(index)}}{{lastMonthStartDay+
蜗牛前端·2023-07-29 09:09

Vue 3 中的插槽（Slots）用法

插槽（Slots）是Vue组件中一种非常有用的功能，用于在父组件中向子组件传递内容。Vue3引入了语法，使得组件的写法更加简洁和易读。
荔枝啵啵·2023-07-29 09:08

Vue组件的生命周期

一、生命周期&生命周期函数1.生命周期（LifeCycle）是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段。2.生命周期函数：是由vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行，不需要用户显式地调用。——钩子函数注意：生命周期强调的是时间段，生命周期函数强调的是时间点。二、组件生命周期函数的分类三、生命周期图示四、Vue2.0的生命周期函数组件的生命周期经历的阶
鸣鲷有柒·2023-07-29 08:29

vue组件注册

全局组件注册语法Vue.component(组件名称，｛data:组件数据，template：组件模版内容｝)例子：注册组件(data必须是一个函数)Vue.component("button-conunter",{data:function(){return{count:0}},template:'点击了{{count}}次'})组件用法组件注册的注意事项data必须是一个函数组件模版内容必须是
王玉伟的伟·2023-07-29 08:22

Vue混入(mixin)

理解：一个混入对象可以包含任意组件选项，这些选项将混入到组件本身的选项；作用：用来分发Vue组件中的可服用功能；局部混入//选项合并varmixin={data:function(){return{message
金刚狼_3e31·2023-07-29 03:26

前端——》ant-design-vue组件的使用之二（a-select复选框的搜索与样式优化）

效果如图所示，在antdv的表格中，有涉及到下拉多选的需求，并且将选中的结果在单元格内一行展示，鼠标滑动观之。代码表格单元格的代码上面的属性稍微解释一下：属性释义mode=“multiple”多选:dropdownMatchSelectWidth=“true”下拉菜单和选择器同宽:filter-option=“filterOption”对输入的内容进行筛选过滤，filterOption是方法名@c
Mr_xujiee·2023-07-29 03:12

vue项目中使用vue-ueditor-wrap

1.安装插件npminstallvue-ueditor-wrap2.UEditor并不支持通过npm的方式来安装，vue-ueditor-wrap也只是一个Vue组件，组件本身并不是UEditor的Vue
理想和远方_在路上·2023-07-29 00:11

day83 前端框架--Vue基础&Vue组件

一，Vue基础补充1.获取DOM对象给标签加ref属性，ref="xxx"this.$refs.xxx点击显示文本constapp=newVue({el:"#app",methods:{my_click:function(){//给div标签加入文本letele=this.$refs.my_box;//this=>appconsole.log(ele);ele.innerText="alex"}}
weixin_34088598·2023-07-28 21:39

day05-Vue.js搭建与入门

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信0.前言前几天我们已经对后端的技术栈有了初步的了解
嘿！那傻狗·2023-07-28 21:05

vue2和vue3引用ueditor的区别

官方文档入口UEditorDocsvue2使用方式UE.vue组件上传图片importUploadfrom'@/components/file/Upload';exportdefault{components
初晨未凉·2023-07-28 17:40

vue3 如何获取env

你可以在任何Vue组件、模块或文件中使用它来获取这些环境变量。
都挺好，刚刚好·2023-07-28 11:27

vue服务端渲染ssr的初步实现

默认情况下，可以在浏览器中输出Vue组件，进行生成DOM和操作DOM。然而，也可以将同一个组件渲染为服务器端的HTML字符串，
jfengz·2023-07-28 04:21

配置vscode使其自动生成vue组件模板功能

如何配置vue模板功能描述:在用vsCode进行日常开发过程中，我们如何一打vue就弹出vue的模板提示，然后点回车自动生成一个vue模板。如下图所示：这个功能是如何设置的呢？在vscode下面的小齿轮中找到“配置用户代码片段”在弹出的搜索框中搜索vue.json在vue.json里面配置如下模板保存就可以实现了：{"Printtoconsole":{"prefix":"vue3","body":
包小志·2023-07-28 03:15

Vite+Vue3+TS(6)整合AntDesignVue

AntDesignVue提供了开箱即用的高质量Vue组件AntDesignVue官方文档：https://www.antdv.com/components/layout-cn目录安装整合示例安装使用yarn
死牛胖子·2023-07-28 02:10

Vue 报错：Duplicate keys detected

Vue报错：Duplicatekeysdetected:'[objectObject]'.Thismaycauseanupdateerror.在vue组件中使用v-for，并且加了key值。
来杯卡布奇洛·2023-07-28 02:34

使用vue组件递归自调用构成树形列表-tree

在vue官方看到写的tree结构是组件自调用产生递归生成树形结构，然后我测试了一下将它利用在菜单上面了parent组件importtreeItemfrom"./treeItem";constmenu=[{id:1,name:"首页",pid:0,icon:'el-icon-s-home'},{id:2,name:"内容创作",pid:0,icon:'el-icon-edit-outline'},{
꧁꫞꯭伟꯭伟꯭꫞꧂·2023-07-28 01:11

vue的setup函数

为了开始使用CompositionAPI，我们需要有一个可以实际使用它（编写代码）的地方；在Vue组件中，这个位置就是setup函数；◼setup其实就是组件的另外一个选项：只不过这个选项强大到我们可以用它来替代之前所编写的大部分其他选项
usrname为username·2023-07-27 23:01

Vue组件间传递数据

组件是Vue很强大的一个功能，所以掌握Vue组件之间的信息传递很重要。大致分为三种常见的情况。
李不远·2023-07-27 13:05

谷粒商城项目学-分布式基础

项目框架图分布式基础概念•微服务、注册中心、配置中心、远程调用、Feign、网关•2、基础开发•SpringBoot2.0、SpringCloud、Mybatis-Plus、Vue组件化、阿里云对象存储
^BonnenuIt·2023-07-27 08:55

vue组件强制刷新的方式

开发过程中,有时候会遇到这么一种情况,通过动态的赋值,但是dom没有及时更新,能够获取到动态赋的值,但是无法获取到双向绑定的dom节点,这就需要我们手动进行强制刷新组件方式一：刷新整个页面this.$router.go(0);//借助路由的横跨历史进行原地跳转实现刷新window.location.reload();//通过javascript自带的页面刷新实现方式二：使用v-if标记；如果是刷新
发渐稀·2023-07-27 03:04

v-for中key详解

唯一标识尽量是item里面id等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好地区别各个组件，key的作用主要是为了高效的更新虚拟DOM。
Frilled Lizard·2023-07-27 03:28

vue组件里的多个定时器如何销毁

如何清除vue组件里的多个定时器如果页面上有很多定时器,可以在data选项中创建一个对象timer,给每个定时器取个名字一一映射在对象timer中在beforeDestroy中for(letkinthis.timer
沉迷...·2023-07-27 00:19

vue组件的生命周期 Vue项目搭建与部署

vue组件的生命周期组件生命周期的三个阶段详细解读vue组件从创建到运行到销毁的过程BeforeCreate（创建前）该函数执行在组件创建、数据观测(dataobserver)和event/watcher
沉迷...·2023-07-27 00:48
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他