vue组件

vue组件化and全局组件和局部组件的创建及使用

关于vue的组件化，以及全局组件、局部组件的创建和使用①组件化：首先要简单的理解组件化，这里引用vue官网的一张图在这里，我们可以将整个页面看作一个根组件，向下分支的三个子组件，分别是页头、侧边栏、内容区。侧边栏里面可以看到有两栏内容，对应右边第二行中间的侧边栏组件又向下分支出两个子组件。所以，对于我们的页面可以看成由大到小，由上到下的组件嵌套，由此就衍生出了类似父子组件，兄弟组件这种组件之间的关
zhang_dao_shi_·2022-09-15 13:43

Vue组件化（全局组件/局部组件/组件传参）

全局注册组件在scrpit中第1行开始vue.component('my-select',{template:`全局组件内容`})引入可以在全局的任意位置局部注册组件：在newVue({el:'#app',components:{`my-select`:{template:`局部组件内容`}，`my-sleect1`:{template:`局部组件内容1`}}})引入只能在#app这个区域中引入:
zdzdzd99·2022-09-15 13:13

vue获取全局组件_Vue组件之全局组件与局部组件的使用详解

组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。个人认为就是一个可以重复利用的结构层代码片段。全局组件注册方式：Vue.component(组件名,{方法})eg:Vue.component("my-compo
小元老亨·2022-09-15 13:06

vue 添加全局组件_Vue组件之全局组件与局部组件

组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。个人认为就是一个可以重复利用的结构层代码片段。全局组件注册方式：Vue.component(组件名,{方法})eg:Vue.component("my-compo
竹宫英朗·2022-09-15 12:34

Vue组件化 ==＞局部组件定义及全局组件定义

1、组件化组件是可复用的Vue实例，且带有一个自定义标签名字，项目中把组件作为自定义元素来使用组件构成：将项目中可能被重复使用的页面结构，转换为vue的一个组件实例，以组件组合的方式构成整个项目结构，或将特殊实现功能封装成组件进行特殊调用在vue语法下组件：基于vue语法构成具有固定的页面结构、样式、功能代码的特殊vue实例，这个特殊实例可以以自定义标签方式在vue中被重复调用组件化：将一个完整项
m0_62168050·2022-09-15 12:07

Vue混入mixins，让你减少一半代码

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

Vue脚手架的入门基础（四）—— 关于插槽Slot

Vue脚手架的入门基础（四）——关于插槽1.什么时候用插槽2.插槽的三种使用方式①默认插槽②具名组件③作用域组件1.什么时候用插槽插槽其实就是一个Vue组件复用时候，某些部分可能需要使用该Vue组件的对象自定义
Biu_Destiny·2022-09-15 03:36

【Vue组件】表格骨架屏

功能概述：项目里有很多表格，希望表格加载动效好看一点，有多少列就显示多少列在加载，做成公共组件。效果：实现方式：在公共组件文件夹中创建vue，编写后，在main.js中引入即可。loadSkeleton.vueexportdefault{name:'loadSkeleton',props:{rows:{type:Number,default:10},columns:{type:Number,def
·2022-09-13 17:31

分享Vue组件传值的几种常用方式(一)

目录前言第一种：父向子传值新建文件导入结构引入注册使用子组件子组件内部代码完善父组件内部代码完善操作main.js文件思路总结前言大家好，这个系列我们来讲解一下vue组件传值的几种常见方法和逻辑链路。
·2022-09-12 16:28

Vue生命周期函数相关——笔试/面试题

vue组件对象在创建到销毁的过程中，在不同的时期去执行特定的函数叫做生命周期函数2.vue的生命周期函数有哪些？
哈哈ha~·2022-09-08 09:08

Vue组件详解

文章目录1.概述2.全局注册3.以插件方式定义全局组件4.局部注册（单文件组件）自定义局部组件中的生命周期函数执行顺序5.捕获子组件中的错误信息6.动态组件1.概述组件(Component)是Vue.js最强大的功能之一，它是html、css、js等的一个聚合体，封装性和隔离性非常强。组件化：将一个具备完整功能的项目的一部分分割多处使用加快项目的进度可以进行项目的复用组件注册分为：全局注册和局部注
月光晒了很凉快·2022-09-07 21:49

Vue混入与插件

文章目录1.混入2.插件1.混入概述：混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。
月光晒了很凉快·2022-09-07 21:19

Vue组件化编程（一）非单文件组件

了解组件：问题一：了解什么是组件？=>组件的定义：实现应用中局部功能代码和资源的集合问题二：组件化编程和传统编程的相比之下的优势？=>优势：复用编码，简化项目编码，提高运行效率非单文件组件：{{msg}}Vue.config.productionTip=false//第一步：创建school组件constschool=Vue.extend({template:`学校名称：{{schoolName}
追风筝的一朵云·2022-09-07 20:57

vue基础篇

vue/cli2、vuecreatemy-app3、cdmy-app4、npmrunserve二、插槽应用1、插槽：可以设置自定义样式`xxx.vue中书写{{item}}应用：在相应的组建中书写`三、vue
畅畅orchid·2022-09-07 10:04

uniapp 子组件 props拿不到数据_深入理解Vue组件3大核心概念

摘要：搞懂Vue组件！作者：浪里行舟原文：详解vue组件三大核心概念Fundebug经授权转载，版权归原作者所有。
weixin_39981400·2022-09-07 09:58

推荐 八个炫酷的数据可视化大屏项目！

vue-big-screen一个基于Vue、Datav、Echart框架的"数据大屏项目"，通过Vue组件实现数据动态刷新渲染，内部图表可实现自由替换。部
一个乖乖码字的程序猪·2022-09-07 09:41

手机登录-前端代码

api/userInfo.js2、创建/api/msn.js3、安装cookie4、添加登录组件5、头部显示登录状态5.1、获取登录信息5.2、登录页面控制6、登录全局事件6.1、修改myheader.vue
小码哥呀·2022-09-06 17:27

vue组件之间进行传值的方法

目录前言1.父组件向子组件进行传值2.子组件向父组件进行传值3.非父子组件之间的传值总结前言目前在做vue的项目，用到了子组件依赖其父组件的数据，进行子组件的相关请求和页面数据展示，父组件渲染需要子组件通知更新父组件的state，父子组件之间的传值一般有三种方法：父传子子传父非父子传值注意：父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给
·2022-09-06 13:46

第二章：书写Vue组件

第一步：在sa-view目中新建模块ddusers，新建一个vue组件ddusers-add.vue，注意引入其他vue组件的方式，不再是import，而是使用httpVueLoader来进行引入。
苍穹之跃·2022-09-05 19:09

vue3 Composition API （组合式API）

组合式API是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。它是一个概括性的术语。一、setup一个组件选项，在组件被创建之前，props被解析之后执行。
泰语小分队·2022-09-05 07:09

Vue组件通信（组件的自定义事件、全局事件总线、消息订阅与发布、插槽、props）（八）

系列文章目录第一章：Vue基础知识笔记（模板语法、数据绑定、事件处理、计算属性）（一）第二章：Vue基础知识（计算属性、监视属性、computed和watch之间的区别、绑定样式）（二）第三章：Vue基础知识（条件渲染、列表渲染、收集表单数据、过滤器）（三）第四章：Vue基础知识（内置指令、自定义指令、Vue生命周期）（四）第五章：Vue基础知识之组件机制（非单文件组件、单文件组件）（五）第六章：
?blur:focus·2022-09-05 07:06

【Vue】高级系列（一）Vue组件 - ref - props - mixin - 插件 - scoped - 浏览器本地存储 - 全局事件总线

1.1ref属性被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc）使用方式：打标识：.....或获取：this.$refs.xxx案例：点我输出上方的DOM元素//引入组件importSchoolfrom'./components/School'exportdefault{name:'App',components:{
墨苒孤·2022-09-05 07:02

Vue组件_props配置_mixin混合_插件_scoped样式

文章目录一个重要的内置关系一、props配置1.传递数据：App.vue中2.接收数据：Student.vue中二、mixin混合1.定义混合2.使用混入三、插件1.定义插件2.使用插件四、scoped样式一个重要的内置关系组件的本质是名为VueComponent的构造函数每次调用Vue.extend返回的都是一个全新的组件一个重要的内置关系VueComponent.prototype.__pro
liaoai·2022-09-05 07:55

猿创征文｜vue组件之间的传值

前言目前在做vue的项目，用到了子组件依赖其父组件的数据，进行子组件的相关请求和页面数据展示，父组件渲染需要子组件通知更新父组件的state，父子组件之间的传值一般有三种方法：父传子子传父非父子传值注意：父子组件的关系可以总结为prop向下传递，事件向上传递。父组件通过prop给子组件下发数据，子组件通过事件给父组件发送消息。接下来，我们会通过实例代码来看的更清晰，理解更容易：目录前言1.父组件向
KinHKin·2022-09-04 08:20

VUE组件汇总

内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui★6253-Vue2的移动UI元素muse-ui★3705-三端样式一致的响应式UI库vue-material★3328-通过VueMaterial和V
小可乐程序员·2022-09-03 08:13

框架技术Vue ---- Element plus结合综合案例： 用户列表管理

Vue框架内容管理vue-cli创建项目梳理vue3项目的目录vue2中使用路由模块vue2中使用axios组件库vue组件库和bootstrap的区别ElementUI按需引入==vue-cli打包的项目
码农C风·2022-09-03 08:38

怎么写一个vue-element ui组件? 以时间组件el-date-picker为例

怎么写一个vue组件?
仙女不下凡·2022-09-02 18:52

Vue组件插件和自己开发组件

ElementUI库组件分类1、通用组件2、业务组件3、页面组件组件使用和引入1、引入Element你可以引入整个Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的Element。!@相当于src路径!完整引入在main.js中写入以下内容：importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/l
昌远啊·2022-09-02 17:32

常用的vue组件库总结

常用的vue组件库总结1、element-ui此组件框算是vue的标配用途：适用于PC端开发地址：点击查看2、VantVant对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一
qq_42208679·2022-09-02 17:25

Vue----组件库

文章目录组件库1.什么是vue组件库2.最常用的vue组件库3.ElementUI3.1在vue2的项目中安装element-ui3.2引入element-ui4.把组件的导入和注册封装为独立的模块组件库
计科_xiao_cai_ji·2022-09-02 17:12

web前端面试高频考点——Vue面试题

以下问题的详细解答，参照下面链接：内容参考链接Vue基本使用Vue的基本使用（一文掌握Vue最基础的知识点）Vue通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick
前端杂货铺·2022-09-01 20:25

web前端面试高频考点——Vue原理（diff算法、模板编译、组件渲染和更新、JS实现路由）

系列文章目录内容参考链接Vue基本使用Vue的基本使用（一文掌握Vue最基础的知识点）Vue通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue
前端杂货铺·2022-09-01 20:25

web前端面试高频考点——Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）

系列文章目录内容参考链接Vue基本使用Vue的基本使用（一文掌握Vue最基础的知识点）Vue通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue
前端杂货铺·2022-09-01 20:55

web前端面试高频考点——Vue原理（理解MVVM模型、深度/监听data变化、监听数组变化、深入了解虚拟DOM）

系列文章目录内容参考链接Vue基本使用Vue的基本使用（一文掌握Vue最基础的知识点）Vue通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue
前端杂货铺·2022-09-01 20:55

web前端面试高频考点——Vue的基本使用（一文掌握Vue最基础的知识点）

系列文章目录内容参考链接Vue基本使用Vue的基本使用（一文掌握Vue最基础的知识点）Vue通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue
前端杂货铺·2022-09-01 20:54

Vue组件之间传值/调用方法的几种方式

组件之间传值/调用方法的几种方式(一)父组件向子组件传值==props1.在父组件中使用子组件的地方绑定数据2.子组件使用props接收父组件传过来的数据props:{message:String}3.示例：(二)子组件向父组件传值==$emit，也可以用来调用父组件中的方法1.子组件直接使用$emit将内部数据传递给父组件this.$emit("childByValue",this.childV
来干了这碗代码·2022-09-01 20:52

web前端面试高频考点——Vue的高级特性（动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router）

系列文章目录内容参考链接Vue基本使用Vue的基本使用（一文掌握Vue最基础的知识点）Vue通信和高级特性Vue组件间的通信及高级特性（多种组件间的通信、自定义v-model、nextTick、插槽）Vue
前端杂货铺·2022-09-01 20:17

在vue中使用ant-design-vue组件

在vue中使用ant-design-vue组件文章目录在vue中使用ant-design-vue组件1.安装2.引入组件库3.使用3.1按钮样式3.2导航栏样式3.3表单样式官方地址：AntDesignVue1
Onemorelight95·2022-09-01 10:17

vue父组给子子组件传html,vue组件之间互相传值：父传子，子传父

今看到一篇很不错的vue组件传值文章，便于理解，遂作笔记～vue通常页面的视图App.vue应为这样一.父组件向子组件传值浏览器1.建立子组件，在src/components/文件夹下新建一个Child.vue2
高知者·2022-08-31 17:42

Vue组件传值：父传子、子传父、兄弟组件间的传值

父组件向子组件传值1.在子组件的props中以数组形式接收父组件传递过来的值；2.父组件在使用组件时在组件属性中使用v-bind指令动态传值给子组件。示例如下：{{tip}}//定义一个全局组件Vue.component('tab-bar',{//在props中以数组形式接收父组件传递过来的值props:['tip',"pnum","pflag","parr","pobj"],data(){ret
廖若星辰LTY·2022-08-31 17:11

vue组件传值：父传子 props

案例-表格渲染如图：将A页面（父）传到B页面（子）A页面引入B组件显示具体写法：代码如下：A页面（父组件）-->importtableChildfrom"./tableModule";exportdefault{name:"moduleByValueIndex",components:{tableChild},data(){return{tableData:[{date:'2016-05-02',
瘦瘦瘦瘦不了·2022-08-31 17:10

vue组件传值：父传子 props传递的类型和写法

props写法方式：1.指定传递属性名,数组形式props:['id','name','list']//不限制数据类型2.指定传递属性名和数据类型,对象形式props:{id:Number,name:String,isRequired:Boolean,list:Array,info:Object,addFn:Function}3.指定属性名、数据类型、必要性、默认值props:{//基础的类型检查
瘦瘦瘦瘦不了·2022-08-31 17:39

vue组件之间互相传值：父子传值/父传子 子传父/兄弟组件传值

Vue2.0传值方式在vue的框架开发项目中，经常会用到组件来管理不同的功能，这时会出现多个页面或者组件来回传值，共同同个变量的问题。现在就给大家介绍vue开发中常用的三种传值方式：1.父传子：在父组件的子组件标签上绑定一个自定义属性，在自定义属性上挂载需要传递的变量。在子组件中的props里来接收数据，props里的数据可以是数组也可以是对象，接收的数据可以用props：['传递的属性名']或者
我不是长安·2022-08-31 17:39

vue中使用eventBus

$eventBus=bus;exportdefaultbus;2.在两个vue组件中引入eventBus.js//eventBus.js为自己项目
、凉兮·2022-08-31 09:50

Vue中的发布订阅模式和数据传递

发布订阅模式中订阅者和发布者没有关联，所以观察者模式中包含了发布订阅模式(watcher和deep)2、数据传递/***1.vue是单向数据流*2.Vue组件间传值的方式及之间的区别*3.prop
vues·2022-08-31 09:44

NutUI - 由京东出品，适合快速开发商城类h5、小程序的移动端 UI 组件库

来自京东用户体验设计部（JDC）前端开发部的移动端Vue组件库，主要开发和服务于移动Web界面的企业级前中后台产品。
那些免费的砖·2022-08-30 02:48

Vue组件层级关系详细分析

目录前言一、全局组件的层级关系二、局部组件的层级关系前言在这之前，我们已经了解到了vue的组件有哪一些以及这些组件有什么作用，关于组件的博客，大家可以看本博主的往期文章：传送门可以关注更多的博文进行学习了解。好的，我们进入今天的主题，我们知道组件可以进行调用，网页也可以通过分割的方式在页面中进行嵌套，并且可以在组件层级形成父级和子级、兄弟级别的关系，使得网页开发更加的富有层次感。一、全局组件的层级
·2022-08-29 15:58

Vue组件之间的通信方式详细讲解

父级传数据给子级1、传输固定的具体数据2、动态语法3、子组件调用父组件二、子级传数据给父级1、使用自定义事件2、$refs的使用3、同级别组价以及任意组件之间的数据传递前言在前面，我们已经了解了vue的组件以及vue
·2022-08-29 15:23

VUE组件简明讲解

目录前言一、全局组件1、定义2、全局组件调用二、局部组件1、定义2、局部组件调用前言为什么vue就开始在前几年就流行并且实用起来了？这主要的是因为由于vue的一个最强大的功能就是vue的组件，vue的组件到底有什么强大的功能呢？原因有两个，一个是组件的复用性很高；另一个是可以减少重复性的开发。一、全局组件1、定义全局组件的语法是：vue.component（‘组件名’，{配置选项}）；然后，我们进
·2022-08-29 11:07

vue组件库介绍以及组件库Element UI 的使用

组件库前言这篇文章介绍vue组件库！介绍什么是组件库以及ElementUI组件库的使用！看完不会你打我。哈哈哈，开玩笑的，不多说，上刺刀！！
星月前端·2022-08-26 18:22
上一页 58 59 60 61 62 63 64 65 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他