vue组件

项目代码规范

3、图像文件名全部采用小写方式，优先选择单个单词命名，多个单词命名以下划线分隔4、Vue组件命名1
FZU_熬夜会秃头·2023-12-02 08:29

echart柱形图结合vue组件实现简单的封装

背景：遇到一个需求，在一个组建里面嵌入三个样式一样数据和颜色不一样的柱形图，如果每个柱形图的配置都写一遍的化太多代码重复了，所以我考虑把相同部分封装起来。第一种方法：以父子组建的形式封装在子组件里面定义个容器，这里放echart图表配置项：在父组件里绑定数据这样通过父子组建的封装就完成了，如果有不同的需求或者需要封装更多数据可以自己拓展，用法都一样的。2.直接在组建里面通过封装函数来实现：刚开始学
用技术改变世界·2023-12-02 08:41

vue form表单的封装--使用的是elementUI

该组件是一个动态生成表单的Vue组件，通过传入formList参数和插槽的方式实现表单项的定制化渲染组件的封装HCommonFormItem根据传入的"formList"参数生成一组表单项，并通过插槽（
皮卡穆·2023-12-02 06:44

Vue 实现低代码开发平台，没想到这么好用！

前言在众多开发技术中，Vue组件化开发技术以其卓越的灵活性和高效性备受瞩目。
树上有只程序猿·2023-12-02 06:40

vue组件库开发

为何要进行组件库开发如果你所在的公司对于页面的样式没有什么要求，那么你只要随便拿一个组件库来用就行了，比如element、iView等等，不用再重复造轮子了；如果你目前只有个人用一个组件，或者是只对个别组件有要求，那么只要在你的工程里面开发一个.vue单文件组件就可以了；如果你的团队想要一个更加快速的开发方式，希望有一套一类应用的标准，并且对组件的样式有较高的要求，那么你就需要开发一个组件库了。正
干锅田鸡·2023-12-02 05:24

svga动画安装和使用

1.npm安装npminstallsvga--saveyarn安装yarnaddsvga2.在你的Vue组件文件中引入Parser和Player：import{Parser,Player}from'svga
lipenghao111·2023-12-02 03:45

Vue 3.0 服务端渲染

默认情况下，Vue组件的职责是在浏览器中生成和操作DOM。
鋜斗·2023-12-02 01:18

Vuex 金句集锦

vuex的核心就是一个仓库，存储并改变各个Vue组件数据状态的仓库。
校长的哲学·2023-12-01 23:47

【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+功能扩展

【【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+功能扩展引言：一、开始二、快速开始1、安装Tinymce三、封装成Vue组件1、文件结构2、index.vue3、dynamicLoadScript.js4
网络真危险！！·2023-12-01 21:22

Java八股文面试全套真题【含答案】-Vue篇

什么是Vue组件？如何定义一个Vue组件？答案：Vue组件是可复用的Vue实例，
动力节点IT教育·2023-12-01 20:26

一文解析：vue项目中css作用域（scoped属性）及覆盖element组件样式方法

最近我在做一个可视化项目中又遇见了这个问题，于是决定找出问题的关键，通过方法彻底解决这个BUG；在解决这个问题之前，我们首先需要了解一下vue组件的css作用域及scoped属性，以及improt属性。
w小博·2023-12-01 18:34

Vue系列：Vue Element UI中，使用按钮实现视频的播放、停止、停止后继续播放、播放完成后重新播放功能

最近在工作中有个政务大屏用到了视频播放；技术栈是Vue2、ElementUI；要实现的功能是：使用按钮实现视频的播放、停止、停止后继续播放、播放完成后重新播放功能具体可以按照以下步骤进行操作：引入插件：在Vue
浪潮行舟·2023-12-01 15:31

JavaWeb开发全流程笔记

JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备NodeJS安装和Vue-cli安装vue项目Vue
不会写算法的小王·2023-12-01 13:51

vue005——vue组件入门（非单文件组件和单文件组件）

一、非单文件组件1.1、单文件组件的使用1.1.1、局部注册1、第一步：创建school组件2、第二步：注册组件（局部注册）3、第三步：使用组件（编写组件标签）基本使用{{msg}}Vue.config.productionTip=false//第一步：创建school组件constschool=Vue.extend({template:`学校名称：{{schoolName}}学校地址：{{add
-王二毛-·2023-12-01 11:20

VUE学习——脚手架项目

目录VUE组件化基础组件树注册组件的方式注册全局组件全局组件的逻辑组件名称全局组件的特点局部组件（components真正常用的）vue开发模式（真正开发中怎么写）单文件(SFC)VUECLI脚手架CLI
快乐本乐·2023-12-01 11:45

创建base公共组件

在创建组件函数中创建name与install属性用于注册vue组件创建组件函数创建base组件npmrunplop#输入组件名称得到packages/base模块在src文件夹中创建create文件夹并创建
开水泡饭·2023-12-01 10:25

js-cookie的使用

//安装js-cookie库npminstalljs-cookie//在Vue组件中使用js-cookieimportCookiesfrom'js-cookie'//设置cookieCookies.set
颖儿♡＾▽＾♡·2023-12-01 00:15

【vue组件封装】根据页面滚动高亮显示目录的侧边栏

文章目录前言一、了解HTMLDOM属性（clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop）二、开始封装appsideNavBar侧边栏组件1.组件需求分析和核心思路解析1.1、首先组件需要在滚动中高亮显示当前内容的标题1.2、通过点击侧边栏的标题自动滚动到相应的内容2.总体代码演示子组件“appsideNavBar”代码如下（示例
顽皮宝·2023-12-01 00:11

Vue组件中引入外部的js文件

方法三：在Vue组件加载完后，手动操作DOM插入js插件mounted(){letscript=doc
依然_8deb·2023-12-01 00:47

vue中的混入mix

混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
zc010107·2023-11-30 21:12

Vue--mixin混入操作（局部/全局混入）

一、概论：1.1基本介绍：混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
奔跑的露西·2023-11-30 21:11

vue mixin(混入)的简单使用和实例

文章目录一.混入二.局部混入三.全局混入四.实例一.混入混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。
pumark·2023-11-30 21:38

Vue组件注册

组件注册组件名字母全小写且必须包含一个连字符组件名大小写使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时，必须在引用这个自定义元素时使用kebab-case，。-使用PascalCase>Vue.component('MyComponentName',{/*...*/})>引用
ChangLau·2023-11-30 20:30

vue组件有几个生命周期，分别阐述一下其作用以及意思

Vue组件有以下8个生命周期钩子：created：在组件实例被创建后立即调用。beforeMount：在组件被挂载到DOM之前调用。mounted：在组件被挂载到DOM之后调用。
Januea·2023-11-30 19:45

海康播放监控

在项目中具体的实现（以vue组件实现为例）exportdefault{name:"hkVideo",data(){return{//视频播放initCount:0,//初始化重试次数,3次失败则报错oW
青辰lalalala·2023-11-30 18:52

开发者网站搭建---VuePress

1.目录结构├──docs│├──.vuepress(可选的)用于存放全局的配置、组件、静态资源等││├──components(可选的)Vue组件将会被自动注册为全局组件││├──theme(可选的)
洛千陨·2023-11-30 18:21

第二章--Vue组件化编程

第二章–Vue组件化编程为什么要使用组件化编程？传统：顶部导航内容底部。四个css，html中引入。
浪漫攻城狮莉小妖·2023-11-30 10:25

Vue从入门到精通——第二章 Vue组件化编程

文章目录1.模块与组件、模块化与组件化1.1.模块1.2.组件1.3.模块化1.4.组件化2.非单文件组件2.1基本使用2.2几个注意点：2.3组件的嵌套2.4VueComponent2.5单文件组件1.模块与组件、模块化与组件化1.1.模块理解:向外提供特定功能的js程序,一般就是一个js文件为什么:js文件很多很复杂作用:复用js,简化js的编写,提高js运行效率1.2.组件理解:用来实现局部
TUTOU程序猿·2023-11-30 10:22

【第二章】Vue组件化编程

一、模块与组件、模块化与组件化1.1模块与组件、模块化与组件化1.1.1模块（1）理解：向外提供特定功能的js程序，一般就是一个js文件（2）为什么：js文件很多很复杂（3）作用：复用js，简化js的编写，提高js运行效率1.1.2组件（1）理解：用来实现局部（特定）功能效果的代码集合（html/css/js/image…）（2）为什么：一个界面的功能很复杂（3）作用：复用编码、简化项目编码、提高
随风雨散落天涯·2023-11-30 10:21

vue生命周期（created，mounted具体用于哪些场景）、三种存储的区别

vue生命周期什么是生命周期呢，就好像是人有生老病死一样，vue组件也有从创建到消亡的一系列过程。
hangnan315·2023-11-30 07:23

Vue 学习笔记

Vue文章目录Vue1、前端开发史2、第一个Vue程序3、Vue基本语法4、Vue双向绑定5、Vue组件讲解6、Axios异步通信7、计算属性8、插槽slot9、自定义事件内容分发10、第一个vue-cli
PinkandWhite·2023-11-30 07:15

vue组件

vue组件全局组件定义的三种方式1.使用Vue.extend配合Vue.component方法：//第一种varlogin=Vue.extend({template:'登录'});Vue.component
builder2991·2023-11-30 07:29

Vue——生命周期

生命周期钩子每个Vue组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到DOM，以及在数据改变时更新DOM。
自xing且乐观~·2023-11-29 21:36

Vue——Elementui案例实现

需求分析:对于上面要仿照的页面先新建一个页面组件EmpView.vue组件在views文件夹下基本页面布局对于上面页面的布局其实在Element当中也可以找到相应可以实现的组件,成功找到一个符合要求的布局
北岭山脚鼠鼠·2023-11-29 21:34

分享一个适用于 Vue3 的好的组件库，PrimeVue组件。

一、PrimeVue介绍PrimeVue是一个基于Vue.js的UI组件库，专注于提供丰富、灵活、现代的UI组件，以帮助开发者构建功能强大的Web应用程序。PrimeVue提供了一系列的组件，涵盖了从基本的表单元素到高级的数据表格和图表等各种组件。二、部分功能介绍1.页面拖拽2.图片预览3.图形统计4.控件组5.面板三、PrimeVue的优势：PrimeVue作为一个基于Vue.js的UI组件库，
程序研·2023-11-29 20:02

vue组件基础

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：
誩先生·2023-11-29 17:59

vue2持久化存储到本地

下面是一个简单的示例，演示如何在Vue2中使用localStorage来持久化存储数据：在Vue组件中，你可以使用created生命周期钩子来初始化数据并存储到localStorage中：javascript
黎枫学长·2023-11-29 14:41

Vue组件调用Android原生接口并利用Android Studio 打包

做了一个小的AppDemo，利用Webpack搭建Vue应用框架，vue组件通过js调用android接口调用相机实现扫一扫功能，最后利用androidstudio打包成apk.整个过程不复杂，但搭建开发环境及
彼岸大洋·2023-11-29 14:44

简单实现可拖拽流程图vue组件

效果说在前面因为自己有需求，想要一个可以自由拖拽排序的流程图组件，在网上没有找到合适的demo，所以便自己动手做了这样一个雏形。组件设计首先需要设计好配置参数，然后就是讲配置参数融入到样式的设计处理上，最后是实现组件拖动并实时展示效果。参数整体参数参数描述title标题（String）dragAble是否可拖拽（Boolean）width图标最小宽度（number）radius是否圆角（Boole
JYeontu·2023-11-29 13:21

Vue组件传参

scoped样式隔离在style中添加有scoped属性的样式只可以在本组件中使用1给每个组件添加data-v-id2给组件的每个样式都添加属性[data-v-id]3写的样式都是添加属性的样式在别的组件里面就不起用了如果不添加scoped那么使用导入本页面的页面也可以使用本页面中所声明的类/样式添加了以后则可以进行样式隔离避免样式冲突组件的传参就是将父app.vue传给COounterCom.v
还没秃头的初级前端程序员·2023-11-29 09:29

nvue中使用map组件polyline路线不生效

问题叙述：在项目开发时遇到了这个问题，因项目临时改需求要求展示卫星地图，所以将原先的vue组件改成了nvue组件（app中nvue组件才支持卫星地图模式），更改完毕后发现轨迹显示不出来了。
走向大前端·2023-11-29 09:25

vue深入浅出知识

Vue组件全局注册/局部注册局部注册组件在子组件中不可用全局注册的行为必须在根Vue实例创建之前发生camelCase的属性可以在组件中使用kebab-case可以以对象的模式指定每一个props属性的类型父级
LLLLLLLLLLLLL刘·2023-11-29 05:36

Vue组件模板--深入浅出

组件模板如果仅仅具备前面的知识，那你的前端开发与Jquery、甚至原生Javascript形式的开发别无二样，Vue真正的强大之处在于，它不仅彻底实现了网页组件的模块化，还提供了大量实用且美观的模块基础组件W3C命名规范：字母全小写，包含连字符核心语法//组件定义(组件应定义在脚本内容的前方)-参数1：组件名参数2：组件逻辑Vue.component('cmp-a',{//组件名：cmp-apro
X ゜·2023-11-29 05:36

java 如何做slot游戏_深入浅出vue组件之使用slot分发

今天主要来介绍了vue组件详解之使用slot分发内容及Vue组件中slot的用法一、什么是slot在使用组件时，我们常常要像这样组合它们：当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到
twxy·2023-11-29 05:33

深入浅出学Vue(四) | Vue组件的使用

目录初识组件组件注册全局组件局部组件Data与methods组件切换使用v-if切换使用component标签动态切换Prop与传值问题父组件向子组件传值父组件向子组件传递方法子组件向父组件传值利用ref获取DOM和组件引用插槽组件简单应用具名插槽和匿名插槽vue新版本语法子组件向父组件传值动态组件与异步组件动态组件异步组件初识组件可以通过一个简单的组件来认识组件。新建组件Vue.componen
去海边钓猪·2023-11-29 05:31

浅谈vue组件

.*)一、为什么要使用组件vue组件的作用是提高重用性，让代码可复用二、组件用法组件需要注册才能使用。组件有全局注册和局部注册两种方式。
KOOK(峰)·2023-11-29 05:01

Vue组件的props

props是Vue实例上的一个属性是组件的自定义属性，我们在封装通用组件的时候合理使用props可以很大限度的提高组件的一个复用性目录了解与使用propsprops的default属性props的type属性prop的required必填项我们想要使用data来进行交互-->（点击按钮加1）：{{num}}+1exportdefault{data(){return{num:0}}}我们现在给dat
Try Tomato·2023-11-29 04:11

Vue组件的自定义事件$emit

组件上的自定义事件是和组件的自定义属性一样，都是模仿HTML正常的标签，由组件给出事件句柄，由使用组件的父组件提供事件处理函数。组件自定义事件真正触发的地方是在组件模板的标签上，组件自己不提供事件处理函数，将这个处理函数给出一个定义，将这个定义抛给使用组件的父组件，由父组件给出。子组件其他处理函数可以通过组件自定义事件的定义调用这个函数。依照面向对象编程设计的原则，属性自定义事件具有依赖倒置的原则
本自具足反求诸己·2023-11-29 04:41

Vue组件的自定义属性Props

Vue组件的Props标准定义和推荐使用方式如下：//组件定义中属性定
本自具足反求诸己·2023-11-29 04:10

Javaweb之Vue组件库Element之Form表单的详细解析

4.3.4Form表单4.3.4.1组件演示Form表单：由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。表单在我们前端的开发中使用的还是比较多的，接下来我们学习这个组件，与之前的流程一样，我们首先需要在ElementUI的官方找到对应的组件示例：如下图所示：我们的需求效果是：在对话框中呈现表单内容，类似如下图所示：所以，首先我们先要根据上一小结所学习的内容，制作一个新的对话
东北赵四·2023-11-29 01:54
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他