vue组件

vue 混入

官方是这么说的：混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。
计算机-前端小白·2019-09-12 13:00

Vue组件间通信方式

一.Props传递数据当前组件接收到的props对象。Vue实例代理了对其props对象属性的访问。在父组件中使用子组件，本质通过v-bind绑定属性传入子组件，子组件通过props接收父组件传入的属性。父组件:{{mny}}importSon1from"./Son1";exportdefault{components:{Son1},data(){return{mny:100};}};二.$emi
endless-love·2019-09-11 17:00

Vue Koa开发实战

：具备Vue和Koa基础知识，了解Javascript基础语法（和混乱），了解Nodejs(npm)常用操作本文以新手视角，从零开始逐步构建一个Vue+Koa2的web应用，项目主要包括以下内容：基于Vue
initial_SA007·2019-09-10 18:39

VUE组件通信的十种姿势

父子组件通信1、父子组件通过prop传递数据父组件可以将一条数据传递给子组件，这条数据可以是动态的，父组件的数据更改的时候，子组件接收的也会变化。子组件被动的接收父组件的数据,子组件不要再更改这条数据了。组件实例的作用域是孤立的,父组件不能直接使用子组件的数据，子组件也不能直接使用父组件的数据。父组件在调用子组件的时候给子组件传递数据：我是父组件，这是我的fMsg：{{fMsg}}父组件给子组件传
视觉派Pie·2019-09-10 00:00

vue组件（1）- 全局组件与局部组件

1,vue组件介绍目的;知道vue组件的作用作用:1,用来组成完整页面的2,可以进行复用3,可以用来嵌套2,vue全局组件目的:知道如何定义vue全局组件,以及使用操作流程:1,定义全局组件//1,定义全局组件
君莫笑.·2019-09-07 22:15

vue 的 solt 子组件过滤过程解析

不应该有6663、在mySelect里面做一层过滤，去掉不需要的组件下面先看看myOptions.vue组件代码这里是options//@isanaliasto/srcexportdefault{name
muamaker·2019-09-07 11:21

通过vue写一个瀑布流插件代码实例

网络差的情况下，可能有点卡新建vue-water-easy.vue组件文件exportdefault{props:{maxCols:{type:Number,default:3,validator
muamaker·2019-09-07 10:39

「译」 Vue 最黑暗的一天

两周前，Vue的创建者尤雨溪发布了一个请求意见稿（RFC），用于在即将发布的Vue3.0中使用基于函数的方式编写Vue组件。
可乐程序员·2019-09-06 15:21

contenteditable联合v-html实现数据双向绑定的vue组件

www.cnblogs.com/dreamsqin/p/11466197.html先看最终实现的demo效果图：（1）上面看似文本域的大框是通过给div添加contenteditable=true属性实现的Vue
Dreamsqin·2019-09-05 15:00

使用webpack的代码分离"Code Splitting"实现vue应用的懒加载

#Vue组件中的懒加载这个在Egghead（国外博文网站）的文
show_code·2019-09-05 11:14

vue-loader中引入模板预处理器的实现

vue-loader是一个webpack的loader，可以将指定格式编写的Vue组件转换为JavaScript模块同时，vue-loader支持使用非默认语言，通过设置语言块的lang属性，就可以使用指定的预处理器
不可能的是·2019-09-04 09:51

vue规范规则

vue组件，数据通信，样式，JS的规范规则。对vue官方风格指南的总结归类并加入自己的规范，在团队小组中使用。
一起学前端·2019-09-04 00:00

view层之 业务组件库 业务图标库与业务方法库

我们知道vue出来之后出现了一大批vue的组件库，这些都是专注于解决vue组件的复用性问题，我们也经常会使用阿里的iconfont，这是解决图标的复用问题，我们也会使用loadsh,这是解决重复编写工具方法的问题
dami.white·2019-09-03 15:00

Vue使用mixin分发组件的可复用功能

在react中一切都是函数，而在vue中，组件最终都是函数，但在开发时可以是JSON对象，而且每个vue组件要注意三个点：props、events和slots，就是这三个导致vue创建高阶组件时要传入相应的属性
hachimei·2019-09-01 16:08

vue组件命名和props命名代码详解

ExamplesVue.component('blog-post',{//命名时候可以使用横线props:['postTitle'],//如果这里使用连接线post-title将报错template:'{{postTitle}}'})newVue({el:"#app",})总结props里可使用驼峰命名但不能用横线，如果props使用驼峰组件上将使用横线vue组建命名可以使用驼峰和横线，如果使用驼
自_定义·2019-09-01 13:42

一波「八月底九月初」的vue相关知识点，值得收藏

当你自己封装Vue组件库时会用到的知识
蓝少·2019-09-01 00:00

Vue使用mixin分发组件的可复用功能

在react中一切都是函数，而在vue中，组件最终都是函数，但在开发时可以是JSON对象，而且每个vue组件要注意三个点：props、events和slots，就是这三个导致vue创建高阶组件时要传入相应的属性
hachimei·2019-09-01 00:00

012 webpack中的router

/App.vue'varvm=newVue({el:'#app',render:c=>c(app)})3.效果组件会替代div容器进行展示二：路由1.安装2.新建两个vue组件其中的一个：这是Account
曹军·2019-08-31 23:00

vue续集1

1.vue组件1.1局部组件的使用varApp={tempalte:``};//2.挂子单闭合双闭合都可以newVue({el:"#app",//用子template:components:{App}}
DevOperater·2019-08-31 22:41

Vuex实现数据共享

点击详情页面时，首页城市会跟着变Home.vue组件和City.vue组件之间如果能够有公用的组件，就可以实现数据的共享–Vuex数据层框架npminstallvuex--savesrc下创建一个store
有夏无夏·2019-08-31 21:28

jest 事件测试

概述最近玩Jest，测试Vue组件上的事件，有一些心得，记录下来供以后开发时参考，相信对其他人也有用。事件测试对于Vue组件上的事件，分为2种，一种是子组件Emit的事件，另一种是插件的事件回调。
馒头加梨子·2019-08-30 23:00

7个有用的Vue开发技巧

如下这个例子，我们将在组件外创建一个store，然后在App.vue组件里面使用store.j
可乐程序员·2019-08-29 15:11

Vue组件化

定义Vue组件化什么是组件化：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件组件和模块化的不同：模块化：是从代码逻辑的角度来划分的
cj小牛·2019-08-29 14:17

Vant ui

轻量、可靠的移动端Vue组件库https://youzan.github.io/vant/#/zh-CN/intropostcss-pxtoremvue:将px转化为rem，适配移动端vant-UI等框架
weixin_30387423·2019-08-28 18:00

vue组件中插槽的使用

1、定义一个名字为headerBannar.vue的子组件，场景：带banner的导航栏里某块儿文字内容及样式自定义代码如下：父组件中：{{text.title}}{{text.desc}}备注：slot="填的是子组件slot上定义的name名字"这样在不同的页面中就可以定义不一样的文字样式。引用相同的bannar模块
人坚不拆-世间仅有·2019-08-28 15:46

深度理解slot

slot是vue组件的一种机制，允许你以严格父子关系以外的方式组合组件。slot为你提供了将内容放置在新位置或使组件更加通用。
ToSmile·2019-08-28 00:00

axios请求

$npminstallaxiosOR$yarnaddaxios在vue组件中使用axios把axios引入到组件页面中importaxiosfrom"axios";exportdefault{data(
Abudula__·2019-08-27 18:15

vue 组件间各种姿势的传参，不看白不看！！！

Vue组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对Vue掌握的越熟练。
一只大橘·2019-08-27 10:40

vue中style下scope的使用和坑

在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？
追求极致·2019-08-26 21:00

vue中使用element-UI样式row-class-name失效原因(好使)

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

浅谈Vue组件

1.什么是组件image.png组件化就是把页面拆分成一块块的，后期维护很简单组件其实也是vue的实例，组件是可以反复使用的vue实例全局注册组件就是把组件用Vue.component()注册//全局注册组件//1、定义组件constMyHeader={template:`头部`,}//2、全局注册组件Vue.component('my-header',MyHeader)newVue({el:'#
Icon_XL·2019-08-26 10:58

Vue组件化开发

文章目录Vue组件化开发组件化开发：Vue实例方法与属性Vue.extend与Vue.Component全局指定、组件、方法实例：Popup插件的封装Vue组件化开发组件化开发：1、组件化开发指的是将复杂的业务拆分为一个有一个的组件
failte·2019-08-26 00:56

代码编辑器对比

由于在开发vue组件编辑工具中需要一款可以嵌入web的代码编辑器，所以对目前的开源的基于javascript的代码编辑器进行了调研。
videring·2019-08-24 19:33

Vue.js进阶 render函数的妙用

render函数初步了解template下只允许有一个子节点小栗子：使用render函数就会省事很多：栗子进行对比：我是一个痴人//自定义指令使用Vue组件定义：//Vue.component('child
缺月楼·2019-08-24 01:40

Vue前端架构思考

vue-loader,url-loader,babel-loader,以及postcss等等vue-loader（vue文件组件化）:用来去编译处理*.vue的文件，一个vue文件就是一个单独的组件，vue
Asia_ZhangQQ·2019-08-23 16:10

Vue组件间通信的10+种方法part2（$listeners详细介绍）

Vue组件间通信的10+种方法part2（$listeners详细介绍）接着上一篇《Vue组件间通信的10+种方法part1（$attrs详细介绍）》,这篇文章是介绍$listeners的,$listeners
uchaoxi·2019-08-23 11:19

Vue 与 React 对比

Vue/React1.注册组件Vue组件注册有两者方式，可以全局注册组件，也可以局部注册组件，局部注册的情况下，如果想在父组件使用，刷需要在components属性里面引入；React组件分为简单无状态的函数组件和有状态的类组件
卡拉咖啦·2019-08-22 10:09

vue项目中遇到(Maximum call stack size exceeded)错误的处理

发现问题：近期公司要求用vue组件化开发一个管理后台，项目中用到了天地图的绘制功能，这部分产出了许多对象实例，单个组件往里面导入大量数据的时候（部分对象存在上万个数据），发生了内存溢出的错误。
csdn_wpno1·2019-08-21 16:53

面试中遇到的一些问题

关于vue的Vue，vue-router，vuex的实现原理Vue的生命周期Vue有哪些优势Vue组件间是如何通讯的父组件和子组件created和mounted的顺序由于JavaScript的限制,Vue
龙可真·2019-08-21 16:00

Vue组件懒加载和路由懒加载

Vue组件懒加载和Vue路由懒加载这里只记录了router层面上的懒加载方法，还有在*.vue中各种懒加载的方法，例如：需要的时候import组件，用完destory等等。
Markov Zheng·2019-08-20 16:38

vue脚手架中使用Vant，实现自动按需引入组件，并将px转换为rem

偶然间看到一款不错的移动端vue组件库Vant，照着官方文档敲了一下，感觉还是不错的。想着以后的项目中可能会运用到，特此记录下，方便之后使用。现在很多的组件库为了减小代码包体积，都支持按需加载了。
江峰★·2019-08-20 11:00

vue+elementUi图片上传组件使用详解

加上后台要求要传递小于2M的图片，因此封装了一个upload.vue组件作为上传页面的子组件，它用于管理图片上传逻辑。
情破·2019-08-20 10:58

从零开始实现一个Vue级联组件

从零开始实现一个Vue级联组件本文实现级联组件需要用到自定义指令和组件通信相关知识，最好先阅读以下两篇文章:Vue自定义指令Vue组件基础与通信一、组件简介本文实现的是一个省、市、县...多级联动组件，
JS_Even_JS·2019-08-19 00:00

基于Vue的管理后台设计（布局篇）

文章前传：《Vue组件中引入jQuery》《Webpack项目中引入Bootstrap4.x》《Webpack项目中使用ToolTipster》本篇文章就是这个系列的第一篇，将
pengjunlee·2019-08-17 17:47

用 Mapbox 和 Vue.js 制作一个地图可视化船舶定位查询系统

vue-cli脚手架安装vue.js，并安装了elementUI，Less本Demo使用了elementUI，为了让示例代码DOM结构清晰，删除部分HTML标签1、目录结构2、安装Mapbox3、Map.vue
IllIIlIlIII·2019-08-17 12:11

vue-cli3 ant-design-vue组件部分加载以及二次封装发布到npm

vue-cli3ant-design-vue组件部分加载以及二次封装发布到npm由头ant的部分加载二次封装发布到npm打包发布测试完全o98ko!
ZTJ_123·2019-08-16 16:39

vue组件通讯

vue组件传参的八种方式1：props/$emit父组件通过props的方式向子组件传递数据，而通过$emit子组件可以向父组件通信。
Master_Devil·2019-08-15 11:32

Vue组件基础与通信

Vue组件基础与通信一、vuecli脚手架①vuecli简介与安装vuecli3.0之前安装的是vue-cli模块，vuecli3.0之后安装的是@vue/cli模块。
JS_Even_JS·2019-08-15 00:00

vuex原理解读

shengxinjing.cn/vue/vuex.htmlvuex源码https://github.com/vuejs/vuex官方文档https://vuex.vuejs.org/1.Vuex实战上次文章介绍了Vue
LazyG·2019-08-14 11:56

ElementUI radio组件选中小改造

ElementUI是自己比较钟爱的一套vue组件库，自己好几个项目里都在用它。一直以来这些丰富的组件，让我能快速的搞定各种后台管理页面，极大地提高了工作效率。
田较瘦·2019-08-12 11:48
上一页 140 141 142 143 144 145 146 147 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他