vue组件

Vite创建Vue项目后遇到的问题

问题问题一  创建后，在未修改任何配置的前提下，自行新建Home.vue组件，并在main.ts中导入，然后代码出现下划线//main.tsimport{createApp}from'vue'importAppfrom
qq_45438471·2023-10-15 11:06

混入

1、混入作用：用来分发Vue组件中的可复用功能。一个混入对象里面可以有任意组件选项，一个组件可以通过mixins调用混入对象，从而使用对象里面的组件选项。
jsuWangMin·2023-10-15 08:54

vue 混入

概念混入提供了一种非常灵活的方式，来分发vue组件中的可复用功能。一个混入对象可以包含任意组件选项。简单理解就是：mixins可以提取复用的功能，当组件使用mixins混入对象时，所有混入对象的选
＊且听风吟·2023-10-15 08:53

Vue中使用mixins混入

mixins在Vue中的用法一、mixins混入混入（mixins）提供了一种非常灵活的方式，来分发vue组件中的可服用功能。一个混入对象可以包含任意的组件选项（vue在script的部分）。
前端大斗师·2023-10-15 08:53

Vue实现页面的局部刷新

在app.vue组件里面的编写exportdefault{provide(){return{reload:this.reload}},data(){return{isRouterAlive:true}}
王玉伟的伟·2023-10-15 08:11

JavaScript-Vue基础语法-创建-组件-路由

文章目录1.创建vue项目1.1.自定义创建项目1.2.项目结构解析1.3.主要文件1.4.其它2.项目运行3.Vue组件概念3.1.组件基础概念3.2.单文件组件三要素3.3.组件注册3.4.组件通信
插件开发·2023-10-15 06:56

小程序使用 vant 快速创建页面

vantUI组件库是有赞前端团队开发的一个Vue组件库，提供了一整套的UI基础组件和业务组件，通过vant可以快速搭建出风格统一的页面。
Vergil_wj·2023-10-15 05:52

vue加载网络图片

以下是一个简单的示例：首先，在你的Vue组件中，需要有一个数据属性来存储图片的URL。
南抖北快东卫·2023-10-15 04:04

vue组件之定义

1.全局注册2.局部注册3.组件内可以放数据，注意data要return！！！！data不能放外面！因为同一个组件使用两次，两个组件的数据会互相干扰！4.Prop最好的单项数据流，父组件给子组件传递的props要改的话，最好是父组件改props的用法
Kuro233333·2023-10-15 04:19

VUE前端公用组件封装提取、上传（npm）、使用

Mixins：混入，是一种分发VUE组件中可复用功能的非常灵活的方式，混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
ONEO阿喔哟·2023-10-15 03:21

vue组件

分类新建importAppPeriodConfigfrom"../AppPeriodConfig/update";exportdefault{name:'AppFlow',components:{AppPeriodConfig},return{periodConfigOpen:false,}methods:{periodConfig(){this.periodConfigOpen=true;},c
程序员不朽·2023-10-15 03:12

Composition Api 与 Options Api 有什么区别？

Vue3.0采用的CompositionAPI与Vue2.x使用的OptionsAPI在编写Vue组件时有一些区别。
泡芙·草莓·2023-10-14 22:03

ant-design-vue select动态下拉加载更多和加载状态的添加

下拉列表当中动态加载列表,当滚动到最后的时候继续加载,没有数据了就不加载了这里的defHttp就是axios的二次封装,你们可以替换为axios就可以效果的话就不展示了,因为数据都是后台请求的~做法用到的antdesignvue
未成年梦想·2023-10-14 16:26

ant design vue table 高度自适应_Vue组件库大评测 Element, iView, HeyUI, Ant Design Vue

今天偶然的机会想了解下其他Vue相关的组件库，网上刚好有文章，顺便自己做一下笔记，算是资源整理吧。好了，话不多说，直接开始：组件库的选择对于前端开发有者至关重要的影响，而组件的丰富性以及健壮性是我们要考虑的重点。所以，本次对比，主要是从组件的多少，以及核心组件的对比来评判。一、组件库1、Element-UI官方网站：https://element.eleme.cn/#/zh-CN；2、iViewU
weixin_39765057·2023-10-14 14:33

ant design vue table 高度自适应_再谈table组件：固定表头和表列

github.com/qiud...本文介绍内容包括：1.ElementUI实现表头表列固定思考与总结2.translate3d如何实现表头表列固定书承上文，在前文【Vue进阶】青铜选手，如何自研一套UI库中介绍了Vue
weixin_39970823·2023-10-14 14:33

ant design vue table 高度自适应_Vue 组件库大对比 Element, iView, HeyUI, Ant Design Vue

2018年我写了一篇Vue组件库对比文档。一年的时间，每一个组件库都有了更多的发展，AntDesign也出了vue版本的组件库。
weixin_39637924·2023-10-14 14:03

scss 变量在 TS 中使用

menuActiveText:#409eff;:export{menuText:$menuText;menuActiveText:$menuActiveText;}2.把.scss后缀修改为.module.scss后缀，并在vue
海上的蚂蚁·2023-10-14 05:14

【学习日记2023.4.25】之 前后端分离_前端工程化_Vue组件库Element_Vue路由_打包部署

文章目录1.前后台分离开发1.1前后台分离开发介绍1.2YAPI1.2.1YAPI介绍1.2.2接口文档管理2.前端工程化2.1前端工程化介绍2.2前端工程化入门2.2.1环境准备NodeJS安装2.2.2Vue项目简介2.2.2.1创建vue项目2.2.2.2vue项目目录结构介绍2.2.2.3调试VSCode中NPM脚本窗口2.2.2.4运行vue项目第一种方式：第二种方式：2.2.3Vue项
Yishooo.·2023-10-14 04:28

面试（小红书）

4、手写发布订阅模式实现emit/on5、Vue组件通信6、Vue组件如何渲染成页面的7、数组扁平化
Tomoe20·2023-10-14 03:25

【vue富文本插件】tinymce 安装使用及汉化注意项

文章目录前言一、tinymce下载安装1.1npm安装1.2提供CDN版本免费下载二、tinymce本地化三、编写富文本组件四、在其他.vue组件中引入上面编写的myEditor组件五、相关问题5.1汉化
MagnumHou·2023-10-14 03:38

按需引入ant-design-vue组件

一、首先创建一个新的Vue项目vuecreatexxx选择default含有babel和eslint。或者自定义Manuallyselectfeatures。babel是一个转码器，主要用于ES2015+代码转换为JavaScript向后兼容版本的代码eslint是一个代码检测工具。用来规范编码规范用。自定义可选的插件有，Babel，TypeScript，ProgressiveWebApp(PWA
石云升·2023-10-14 01:49

vue组件

template:设置页面components:引入组建全局组件Vue.component//将页面显示的ul部分作为一个组件,//Vue.component创建的是全局组件Vue.component('todo-item',{template:'item'//模板(其中的HTML代码)})调用:局部组件局部组件声明varTodoIrem={template:'item'}声明:由于是局部的,需要
ziyue7575·2023-10-14 01:22

vue 图表组件_用于制作图表的简单轻巧的Vue组件

Asimpleandlightweightvuecomponentformakingchartsthatdonotrelyonlargechartlibrariesandwillnotbloatyourdependencies.一个简单而轻巧的vue
cuk5239·2023-10-13 23:12

vue组件用jquery_Vue jQuery DataTables.net包装器组件

vue组件用jqueryvue-datatables-net(vue-datatables-net)ThislibraryisaVue2wrapperforjQueryDataTables.It'satinywrapperthatdoesn'tincludeanything
cuk5239·2023-10-13 22:41

vue组件最佳实践

——培根本文主要介绍vue组件间常见的通信方式，边界情况及插槽的使用。何为组件化？vue组件系统提供了一种抽象，让我们可以使用独立可复用的组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。
捡代码的小女孩·2023-10-13 20:36

vue组件中style的属性scoped

style中的scoped的作用不加scoped的效果如下：加scoped的效果如下：原理：根据属性选择器来确定唯一性。作用：如果在style中添加scoped，那么style的样式只能在当前组件内起作用，实现组件的私有化，不对全局造成样式污染，表示当前style属性只属于当前模块。由此可知，添加scoped属性的组件，为了达到不污染全局，做了如下处理：给HTML的DOM节点加一个不重复属性dat
牛先森家的牛奶·2023-10-13 20:36

vue组件style中scoped的作用

style中scoped的作用scoped的作用：使当前组件的样式不会和其它组件冲突，因为它会给每个组件相关的选择器添加不会重复的属性//没有添加scopedh1{}//添加scopedh1[data-e543434]{}注意事项1、使用scoped后，父组件的样式将不会渗透到子组件中。2、不过一个子组件的***根节点**会同时受其父组件的scopedCSS和子组件的scopedCSS的影响。3、
Ocean__Lv·2023-10-13 20:32

2020-09-04

Vue项目中引入某个文件夹下的多个.vue组件实现方法一：importSelectItemfrom"@components/CrmComponents/SelectItem";importInputItemfrom
爱的魔力赚圈圈·2023-10-13 18:24

如何搭建一个vue组件，并发布到npm

我将以一个vue2.0的组件为例，为大家详细的讲述下组件创建以及发布的过程目录创建一个vue项目修改项目目录开始开发vue组件本地测试组件打包编译执行编译命令发布前的准备工作登录到私服发布到私服引用测试本地调试
meihuocc·2023-10-13 13:37

手把手教你开发一个vue组件打包并发布到npm包

手把手教你开发一个vue组件打包并发布到npm包在项目开发中，你一定经常通过npminstall安装使用各种各样的npn包插件。
码出未来jgs·2023-10-13 13:06

制作并发布一个Vue组件npm包

创建npm账户（若是已经有账号此步可跳过）需要您在npm官网中创建一个账号并登录npm账号注册npmadduser根据提示依次填写自己的用户名、密码、邮箱成功之后，npm会把认证信息存储在~/.npmrc中，可查看npm当前使用的用户：npmwhoaminpm登录，可以命令方式登录或者官网登录4.1命令方式，根据提示依次填写自己的用户名、密码、邮箱npmlogin4.2官网链接登录https://
K哇伊·2023-10-13 13:35

uniapp 微信小程序 vue3.0+TS手写自定义封装步骤条（setup）

uniapp手写自定义步骤条（setup）话不多说先上效果图：setup.vue组件代码：index+1?'
造梦者FZ·2023-10-13 13:56

vue组件 七牛云文件批量上传

使用方法//页面引入importinputFilefrom"@/components/common/inputFile/index";data(){return{imgs:[]};}//html1.安装qiniu-js依赖yarnadd qiniu-js2.qiniu.js文件import*asqiniufrom"qiniu-js";//数据请求方法import$ajaxfrom"@/config
长腿欧巴~·2023-10-13 10:26

VUE-组件以及插槽父子间传递（更新版）

目录一、1.vue组件二、全局组件定义的四种方式注意！！！！！！！
前端小菜凯·2023-10-13 08:20

vue页面自适应屏幕宽高_vue组件页面高度根据屏幕大小自适应

网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽)第一步:将document.body.clientWidth赋值给data中自定义的变量data:{
黄衔·2023-10-13 08:23

2022-08-18

vue组件中通信的几种方式？1.props★★2.$emit/$on★★事件总线3.vuex★★★4.$parent/$children5.$attrs/$liste
流泪手心_521·2023-10-13 06:36

vue3+vite+ts 组件中自动导入 ref 和 reactive

前言在每个vue组件中，都去手动引入ref和reactive是非常繁琐的一件事，我们可以通过插件来完成自动导入安装插件npmiunplugin-auto-import-D配置插件在vite.config.ts
三劫散仙·2023-10-13 01:10

Vue事件总线（EventBus）使用详细介绍

前言vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过props向下传数据给子组件，当子组件有事情要告诉父组件时会通过$emit事件告诉父组件。
赢乐·2023-10-12 22:43

Vue进阶

2.4、Vue实例对象的常用实例属性2.5、Vue实例对象的常用实例方法2.6、Vue常用指令2.7、Vue条件语句2.8、Vue循环语句2.9、Vue绑定事件210、Vue表单【双向数据绑定】2.11、Vue
Hua··2023-10-12 22:42

【Bug小记】antd表格高度自适应窗口高度

过程：项目使用的antd-Vue组件，组件属性里可以设置表格的高度，通过设置固定高度，当表格高度大于y值时，就生成滚动条来固定表格的高度。
sunshine641·2023-10-12 16:20

Vuex的简单理解跟使用

①Vuex是一个专为Vue.js应用程序开发的状态管理模式状态管理:简单的理解就是统一管理和维护各个vue组件的可变化状态我们明白vue是单向数据流,那么它的状态管理一般包含如下几部分:1.state:
翎雪_b20f·2023-10-12 15:49

vue祖孙组件之间传值和事件传递,孙子组件中调用爷爷组件关闭el-dialog

在vue项目中可能会遇到这种开发情景，如下一个公用的formData.vue组件：确认取消//省略后面的代码,这个组件是一个共用的提交数据组件onSubmit(){//...this.
qq_45272329·2023-10-12 14:18

css实现排行榜样式（vue组件）

先看效果图：{{index+1}}{{item.name}}结案数量：{{item.num}}件回款金额：{{item.amount}}万元exportdefault{data(){return{dataList:[{'name':'徐春雷团队','num':900,'amount':900},{'name':'张三团队','num':800,'amount':800},{'name':'李四团队
椒盐大肥猫·2023-10-12 08:11

Vue基础----组件通信

vue组件以及父子组件之间的通信1.如何使用组件1.1全局组件主要是提高代码重用性，让代码可以重复利用。组件在使用之前需要注册组件，注册组件的方法有俩种。一种是全局注册，一种是局部注册。
LHL_C·2023-10-12 05:33

Vue组件化开发--组件通信方式-父传子、子传父、非父子组件传值

一、概述以脚手架搭建的Vue项目为笔记背景。如果将所有的代码逻辑全部放到一个组件中，代码是非常的臃肿和难以维护的。并且在真实开发中，可能会有更多的内容和代码逻辑，对于扩展性和可维护性来说都是非常不友好的。所以开发者，我们会把一个大功能进行拆分，拆分成一个个功能的小组件。那组件多了，就必然涉及到组件之间的数据传递。二、组件通信-父传子2.1props属性的作用和使用场景父组件有一些数据，需要子组件来
流水武qin·2023-10-12 05:26

vue基础3--vue组件通信

vue组件通信1.vue组件1.1vue组件_概念1.2vue组件_基础使用全局-注册使用局部-注册使用1.3vue组件-scoped作用2.vue组件通信2.0vue组件通信_父向子-props2.1vue
咖啡壶子·2023-10-12 05:22

Vue学习笔记——第一部分

本章目标•理解MVVM思想•vue介绍•掌握Vue指令、计算属性、数据监听•掌握Vue单向、双向绑定的方法•理解Vue生命周期•掌握使用axios进行ajax操作•掌握Vue组件的定义和注册方式•掌握父子和子父组件传值
清晨时刻·2023-10-12 05:50

VUE组件传值常用方法

首先引入三个组件HelloWorld,Father,Son，三个组件的关系为HelloWorld>Father>son下面组件通信的介绍中全部采用这三个组件来实现HelloWorldimportfatherfrom"./Father";exportdefault{name:"HelloWorld",data(){return{mes:"我是根组件"};},components:{father}};
王雪浩_强化班·2023-10-12 02:16

Vue组件优雅的使用Vuex异步数据

Vue组件优雅的使用Vuex异步数据前端：Vue+element项目为前后端分离项目，通过Ajax交换数据。
SunSeekerX·2023-10-12 01:12

Vue3+ts+element-plus 组件的二次封装-- 新增修改Form弹框的二次封装，通过JSON进行配置Form表单，实现高内聚低耦合

Vue笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏
Penk是个码农·2023-10-12 01:17
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他