vue组件

Vue-Mixin

vuemixin---混入记录文档1.什么是mixin混入混入(mixins)：是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。
·2021-06-19 23:00

Vue组件实现购物车效果

效果图：购物车是table做的，是一个响应式的购物车QQ截图20180918153437.pngbody：js:varmodel=Vue.component('my-component',{template:``,data:function(){return{arr:[{number:1,mc:'apple',dj:14,num:1},{number:2,mc:'banana',dj:8,num:
闫梓璇·2021-06-19 21:43

vue组件父子通信和子父通信

父组件通过props来向子组件传递属性（属性传递，父to子）父组件：v-bind:user=""子组件：props:['user']子组件注册事件，父组件接受(事件传递，子to父)//子组件app-headermethods:{changeTitle(){this.$emit('titleChanged','子to父传递事件')}}//父组件中methods:{updataTitle(e){//这
从小就很瘦·2021-06-19 13:02

使用 Vuepress 编写组件示例文档的最佳实践

这篇文章面向使用Vuepress来开发Vue组件文档库的用户服务，去年差不多这个时候我为公司开发了一个基于AntDesignVue封装的高阶组件库，经过一年的版本迭代与文档更新，收获了很多坑点，其中有一个就是关于组件示例维护相关的
calebman·2021-06-19 02:57

Vue组件（3） 父传子 子传父

父子组件通信父传子propsprops-->properties(属性)如何进行父子组件通信通过props向子组件传递数据通过事件向父组件发送消息props基本用法在组件中，使用选项props来声明需要从父级接收到的数据props的值由两种方式方式一：字符串数组，数组中的字符串就是传递时的名称方式二：对象，对象可以设置传递时的类型，也可以设置默认值等父传子{{movies}}//父传子：props
·2021-06-18 22:23

Vue组件（3） 父传子 子传父

父子组件通信父传子propsprops-->properties(属性)如何进行父子组件通信通过props向子组件传递数据通过事件向父组件发送消息props基本用法在组件中，使用选项props来声明需要从父级接收到的数据props的值由两种方式方式一：字符串数组，数组中的字符串就是传递时的名称方式二：对象，对象可以设置传递时的类型，也可以设置默认值等父传子{{movies}}//父传子：props
·2021-06-18 21:59

props 和state 的理解

（如果你熟悉Vue，React中的prop就相当于Vue组件的data(){return{}}里的数据，React的state就相当于Vue中的prop）组件不应该改变prop的值，而state存在的目的
京巴_2cc6·2021-06-15 10:01

Part 4: 运用Jest测试Vue组件中的继承属性和自定义事件

TestPropertiesandCustomEventsinVue.jsComponentswithJest运用Jest测试Vue组件中的继承属性和自定义事件Therearedifferentwaystotestproperties
Revontulet·2021-06-15 07:24

vue 中的混入 (mixin)

官网文档：https://cn.vuejs.org/v2/guide/mixins.html[基础]混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。
meng_281e·2021-06-15 00:17

Vue组件间的通信

子传父：通过events（$emit）；通过父链/子链通信（$parent/$children）；ref也可以访问组件实例；provide/injectAPI；$attrs/$listeners父传子：父向子传递数据是通过props，兄弟组件传值：eventBus,bus，vuexeventBus，就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。项目比较小时，用这个比较合适。跨级
小小小魔仙·2021-06-14 16:05

Vue组件

1.组件a.什么是组件组件化开发我们可以很直观的把一个复杂的页面分割成若干个独立的组件，每个组件包含自已的逻辑和样式，再将这些独立的组件组合成一个复杂的页面。这样就降低了逻辑复杂度，又实现了代码复用。组件开发的好处提高开发效率方便重复使用便一协同开发更容易被管理和维护组件分类页面级组件：1、一个页面是一个组件2、将可复用的部分抽离出来-基础组件根据作用划分：全局组件和局部组件全局组件：可以声明一次
goodluckall·2021-06-14 08:30

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

如果只是要使用轮播效果的话可以参考下一些vue组件；比如这篇文章--------2019.7.9------------------请参考swiper官方插件：https://github.com/surmon
苞米花生米·2021-06-14 07:19

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。本文的代码请猛戳github博客，纸上得来终觉浅，大家动手多敲敲代码！一、属性1.自定义属性propsprop定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props最好用对象的写法，
Vicky丶Amor·2021-06-14 04:31

vue组件间数据通信

Vue组件间通信首先衷心的感谢展大神的指导我们在进行基于Vue的项目开发时，组件间的数据通信，是我们必须考虑的。注：本文所实现的方式，是在不考虑vuex下所做的实现。
暴烈的海胆·2021-06-14 02:07

vue组件之间的通信

组件的分类常规页面组件由vue-router产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的HTML结构，会包含数据获取、数据整理、数据可视化等常规业务。功能性抽象组件不包含业务，独立、具体功能的基础组件，比如日期选择器、弹窗警告等。这类组件作为项目的基础控件，会被大量使用，因此组件的API进行过高强度的抽象，可以通过不同配置实现不同的功能。业务组件它不像第二类独立组件只包含某
泪滴在琴上·2021-06-13 23:01

Vue组件中camelCased (驼峰式) 命名与 kebab-case（短横线）命名

在vue组件中camelCased(驼峰式)命名与kebab-case（短横线）命名有时是可以通用的。
森同学_2019·2021-06-13 20:34

vue Day1

其中state就是数据源存放地，对应于与一般Vue对象里面的data(2)state里面存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新三
卖咸鱼的猫·2021-06-13 19:11

父子通信

title:组件内父子小组件之间的通信date:2017-03-20vue组件技术分享分享组件内父子小组件间通信的一些个人理解。
SanY_cjp·2021-06-12 17:16

组件的定义及创建方式

所有的Vue组件同时也都是Vue的实例，所以可以接收相同的选项对象（除了一些根级特有的选项）并提供相同的声明周期钩子。组件的创建主要有三种方式注意：1.模板templat
没有刘海儿·2021-06-12 13:54

vue组件间的通讯

父子通信：父向子传递数据是通过props，子向父是通过$emit；通过$parent/$children通信；$ref也可以访问组件实例；provide/inject；$attrs/$listeners；兄弟通信：EventBus；Vuex；跨级通信：EventBus；Vuex；provide/inject；$attrs/$listeners；具体可参考：https://www.cnblogs.c
双鱼九年·2021-06-12 05:36

（转）[备忘] 完美Visual Studio Code(vscode)

遇到的问题占用很大内存Vue支持emmetDebug不命中或不运行自定义自动补全DeBug调试JS代码断点方法普通断点条件断点插件增强插件ProjectManager-项目管理使用方法路径智能感知Git版本管理美化代码vue
一只狗被牵着走·2021-06-12 04:03

vue教程系列第第四十五节-vant与vue的完美结合

[email protected]首先先介绍一下vant:Vant是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组
独绽2018·2021-06-11 17:53

vue 项目总结

vue项目总结vue组件传值的三种方式父传子：父子组件的关系可以总结问prop向下传递，事件向上传递子组件：{{msg}}exportdefault{data(){return{};},props:{msg
一朵er·2021-06-11 12:03

Vue学习

这里就单单以页面来说一个Vue组件和iOS的自定义UITableViewCell做个比较区分这里附带一个Vant的链接Vantimage.png图中红框就是原生开发常见的UITableViewCell列表样式这里
亦暖易冷·2021-06-11 06:58

Vue－混合、自定义指令、插件和过滤介绍

1、混合混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。
张正yi·2021-06-11 05:14

微信小程序和vue的区别

数据类型vue组件中data必须是函数data(){return{}},newVue中的选项可以是函数也可以是对象小程序中data都是对象初始化数据，添加响应式属性vue会在初始化实例的时候，遍历data
Hyelim·2021-06-10 12:52

Vue笔记——在Vue项目中引入外部js文件

在Vue项目中，我们首先要使用export命令将这个函数抛出，然后才能在其他的Vue组件中使用import命令引入。同时还要注意外部js脚本的存放位置，不能放在components文
振礼硕晨·2021-06-10 12:41

UNI-APP 有了easycom不用再全局注册或者单页面引用组件即可使用

传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。
秦语川·2021-06-08 16:42

功能博客备份

webSocketwebSocketleaflet地图--vue2leaflet地图Leaflet的Vue组件—Vue2Leaflet
wudongyu·2021-06-08 16:08

小白的Vue学习之路

第三章Vue组件&路由定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同
黑夜里的那盏灯·2021-06-08 06:51

城市三级联动

vue组件city，城市三级联动，两个接口，一个获取省接口，一个获取市区接口父组件：引入子组件importcityfrom'xxxxxx';components:{city}getCity(data){
_喵了个喵_·2021-06-08 01:39

vue源码解读--组件注册

目录导航我们这一节的例子如下(全局注册app.vue组件)（局部注册child组件）由于我们一开始调用了Vue.component方法，因此查找component方法的定义可以发现在src\shared
三岁就会写BUG·2021-06-07 10:54

Js 学习笔记

Vue组件透传$attrs包含了父组件传递的所有属性,通过v-bind可以将父组件所有属性绑定到子组件$listeners包含了父组件的事件，通过v-on可以将父组件所有事件映射到子组件Vue修改其他组件样式
昔情空成往·2021-06-07 08:41

Vue组件通信方式

本文主要介绍关于Vue组件通信的四种方式，分别是父向子组件通信、子向父组件通信、非父子组件的EventBus通信、Vuex状态管理第一种：父组件向子组件传递数据父组件一共需要做4件事1.importsonfrom
jackie季·2021-06-07 05:36

Vue组件库ElementUI实现表格列表分页效果

ElementUI实现表格列表分页效果教程，供大家参考，具体内容如下ElementUI是一套采用Vue2.0作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助网站快速成型加上@size-change="handleSizeChange、@current-change="handleCurrentChange"处理当前页和当前页数的改变事
·2021-06-06 17:36

Vue组件库ElementUI实现表格加载树形数据教程

ElementUI实现表格树形列表加载教程，供大家参考，具体内容如下ElementUI是一套采用Vue2.0作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于Vue2.0的组件库，提供了配套设计资源，帮助网站快速成型关键代码，在el-table添加属性，:tree-props="{children:'children'}"，注意row必须命名为children，官网也进行了说明：支
·2021-06-06 17:36

MaxMall-Portal 前端项目

由于首次使用vue开发项目，代码中没有使用组件化开发在以后进度中会慢慢优化vue组件。
自负的鱼·2021-06-06 15:13

Vue实战（四）组件和路由

Falcon项目地址：https://github.com/thierryxing/FalconVue组件Vue其中的一个重要思想就是：一切皆组件，一切皆由组件构成。
老邢Thierry·2021-06-06 12:48

Vue组件的创建与引用

做前端开发的朋友应该没有不知道组件的，我们开发时所用到的东西，小到按钮，大到表单，甚至是功能齐全的整个页面，只要有被复用的可能，就可以将其封装成一个组件，以便后续的引用。那么初学的朋友肯定很好奇，组件是如何创建的呢，在其他的页面中，又是如何引用的呢，今天我们就来做一个简单的示例演示。上一次的教程中，我们创建了一个干净的vue实例，项目工程结构如下所示：image.png今天的教程就接着它来——在/
_____请输入昵称·2021-06-06 11:11

vue elementUI 样式(row-class-name)无效问题

问题描述vue项目中，需要给vue表格中的每一行加入自定义的样式，根据文档给组件加上row-class-name属性即可，直接加入该属性并且在当前vue组件中配置对应class发现样式并没有生效。
16_f9b9·2021-06-06 04:17

一小时入门vue组件（建议收藏）

本文原创为CSDN博主：安之ccy，博客首页地址：https://blog.csdn.net/qq_43523725转载请注明出处，谢谢支持和鼓励先来张柯基的图，给自己点鼓励初识组件应用实例化多个vue对象全局组件定义与使用data是一个函数局部组件父向子传值/传引用：props静态传值动态传值：v-bind子向父：事件传值$emit使用脚手架创建项目并运用组件and传值初识组件应用实例化多个vu
安之ccy·2021-06-06 00:10

vue组件之slot插槽

关键词：slot说明为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为**内容分发**Vue.js实现了一个内容分发API，参照了当前Web组件规范草案，使用特殊的元素作为原始内容的插槽。数据varvm=newVue({el:"#box",data:{a:'秋风吹渭水',b:'落叶满长安',han:['思君令人老','岁月忽已晚','弃捐勿复道','努力加餐饭
ferrint·2021-06-05 23:31

通过学习elementui编写自定义的vue组件

1：先来回顾一下vue组件的局部注册与全局注册image然后在另外一个组件HelloWorld.vue内进行局部注册；image我们也可以再main.js里进行全局注册；image2:使用Vue.use
chandler简·2021-06-05 22:23

Novel 1.3.0 发布，新增定时任务

新增任务调度功能新增用户导入功能新增任务调度信息导出新增任务调度日志导出新增datatable、treetable可以对超出部分文字进行隐藏修复菜单新增时改变类型导致的按钮存在隐藏属性修复菜单控件不能隐藏菜单问题更新vue
吟风者·2021-06-05 22:54

vue组件更新原理

使用过vue的都知道，我们直接给data中的属性进行赋值操作组件就会更新，那么为什么？能力有限，从源码角度浅薄的分析一下其中的运行逻辑，求各位路过的大神踩踩！！！！当我们new一个vue实例：首先会调用Vue构造函数，构造函数中调用了_init方法这个方法里面做了很多操作，但跟本次相关的又initState()方法里面的initData()在initData()里面调用了observe()方法这个
TroubleZeng·2021-06-05 22:22

京东风格的移动端Vue组件库NutUI2.0来啦

移动端Vue组件库NutUI自发布以来受到了广泛的关注。据不完全统计，目前至少有30多个京东的web项目正在使用NutUI。
IT实战联盟Lin·2021-06-05 11:57

vue工程学习（3）之第一个组件使用

vue工程学习（3）之第一个组件使用1.目录介绍index.html：主界面，也是我们展示的htmlmain.js：是js入口，是所有vue组件的入口，以后的业务处理入口都是从这里开始2.新增配置文件：
binggoling·2021-06-05 10:07

vue组件中父组件向子组件传递值

父组件向子组件传递值主要通过在子组建中定义props数组，父组件模板中使用子组件中props内定义的名称直接赋值，或者使用v-bind:子组件props中定义的名称=父组件中定义的变量来传递值，具体直接看以下代码即可，关键地方已经做了注释，所以就不详细解释每句代码含义了。TitleAPP父组件//定义一个全局子组件Vue.component('Gcom',{data:function(){retu
托小尼IM·2021-06-05 09:20

vue组件之间数据传递和通信方式总结

方式主要包括：==父组件=>子组件|单向数据流，props====子组件=>父组件|观察者模式，即vue的自定义事件on====非父子组件通信|中介者模式，即中央事件总线bus====父子组件通信|父链和子链==vuex等状态管理库（略）1父组件=>子组件，props的两个主要用法子组件把props的值，作为初始值（data中）保存起来，从而和父级解绑子组件需要二次处理props值，这时，应将其作
龙旗飘扬的舰队·2021-06-05 04:32

vue的生命周期

实例生命周期所有的Vue组件都是Vue实例，并且接受相同的选项对象即可(一些根实例特有的选项除外)。
想做一个画家·2021-06-04 23:28
上一页 71 72 73 74 75 76 77 78 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他