Vue组件

关于在vue中使用CodeMirror来编辑SQL

一、效果图二、代码段Mycode.vue组件代码import"codemirror/theme/ambiance.css";import"codemirror/lib/codemirror.css";import"codemirror
张小浪·2023-12-03 12:00

Javaweb之Vue组件库Element案例的详细解析

4.4案例4.4.1案例需求参考资料/页面原型/tlias智能学习辅助系统/首页.html文件，浏览器打开，点击页面中的左侧栏的员工管理，如下所示：需求说明：制作类似格式的页面即上面是标题，左侧栏是导航，右侧是数据展示区域右侧需要展示搜索表单右侧表格数据是动态展示的，数据来自于后台实际示例效果如下图所示：数据Mock地址：http://yapi.smart-xwork.cn/mock/169327
东北赵四·2023-12-03 10:29

Javaweb之Vue组件库Element案例的详细解析

4.4.3.3顶部标题对于顶部，我们需要实现的效果如下图所示：所以我们需要修改顶部的文本内容，并且提供背景色的css样式，具体代码如下：tlias智能学习辅助系统此时浏览器打开，呈现效果如下图所示：至此，我们的顶部标题就搞定了此时整体代码如下：                tlias智能学习辅助系统              Aside        Main            ​expor
东北赵四·2023-12-03 10:29

Javaweb之Vue组件库Element案例分页工具栏的详细解析

4.4.3.5.3分页工具栏分页条我们之前做过，所以我们直接找到之前的案例，复制即可，代码如下：其中template模块代码如下：同时methods中需要声明2个函数，代码如下：handleSizeChange(val){      console.log(`每页${val}条`);   },    handleCurrentChange(val){      console.log(`当前页:$
东北赵四·2023-12-03 09:55

VUE组件总结

组件是vue最强大的功能之一，组件化开发。组件可以扩展HTML元素，封装可重用的代码。组件可分为局部变量和全局变量。全局变量:Vue.component('comp',{template:`{{msg}}点击查看歌名`,data:function(){return{msg:'在一瞬间有一百万个不可能。'}},methods:{alt:function(){alert('一百万个不可能')}}})n
x_1133·2023-12-03 04:24

Vue3 中几种独有的选择器 深度选择器（:deep）、插槽选择器（:slotted）、全局选择器（:global）

在Vue中，除了常见的CSS选择器外，还有一些独有的选择器，这些选择器可以更方便地操作Vue组件。1、深度选择器:deep()作用：深度选择器可以匹配组件中嵌套的子组件。
码农键盘上的梦·2023-12-03 00:58

Vue面试题整理——持续更新中

一、vue组件注册组件注册有2种注册方式：全局注册、局部注册。
大灰狼吃小白兔·2023-12-02 22:08

京东前端经典vue面试题（持续更新中）

Vue组件间通信有哪几种方式？Vue组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对Vue掌握的越熟练。
bb_xiaxia1998·2023-12-02 22:06

寒假总结

阶段学习vue学习花费时间：12天（没有预期）遇到问题：1.vue-cli学习阶段因为版本问题出现问题（耽误一天时间）2.vue组件之间传值时出现问题（研究了一天）解决办法：1.学习了推荐版本的脚手架2
王祉凯_家族二期·2023-12-02 21:51

Vue3中的组合式API的详细教程和介绍

您的观看就是作者创作的动力介绍通过创建Vue组件，我们可以将接
鋜斗·2023-12-02 19:41

Vue3中的动态组件，使用动态组件实现页面的切换。

动态组件可以通过以下步骤来使用：在Vue组件中使用元素，并将组件名称设置为一个变量，如。在组件中定义一个变量来存储当前要渲染的组件名称，如currentComponent。
专业研究祖传Bug编写术·2023-12-02 17:55

vue组件封装echarts

exportdefault{name:"moreline",data(){return{chart:null,}},mounted(){this.getPage();},methods:{getPage(){//引用chart并初始化this.chart=this.$echarts.init(this.$refs.chart);//使用刚指定的配置项和数据显示图表。this.init()this.
原始ˉ真·2023-12-02 16:17

Javaweb之Vue组件库Element案例的详细解析

4.4.3.5.2表单编写在表格的上方，还需要如下图所示的表单：所以接下来我们需要去ElementUI官网，在表单组件中找到与之类似的示例，加以修改从而打成我们希望的效果，官方示例如下图所示：所以我们直接拷贝代码主体区域的table组件的上方即可，并且我们需要修改数据绑定的的变量名，最终代码如下：                                         查询  代码修改前后
东北赵四·2023-12-02 14:30

Vue 3 组件通信总结

Props和EventsVue组件通信的一种常见方式是通过父子组件之间的Props和Events。父组件通过Props向子组件传递数据，子组件则通过Events
大笑编程·2023-12-02 14:13

项目代码规范

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
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他