Vue
文章平均质量分 91
qq20004604
前阿里巴巴,高级前端开发
展开
-
摸鱼神器!开发效率提升 1000% 的 Vue 低代码表单组件
目录:一、简介二、本组件和 Element UI 的表单组件进行对比三、架构设计四、详细功能描述4.1 wti-form 全局功能4.2 wti-form 表单元素功能4.3 如何一个 JSON 配置生成 3 个表单五、高度支持自动化测试5.1 天生支持自动化测试5.2 通过简单的配置文件,自动完成自动化测试5.3 更牛逼的自动化测试支持六、未来将添加的功能6.1 可视化生成表单6.2 打通产品经理与前端这条线6.3 纵向拓展:自动生成后端代码6.4 横向拓展原创 2021-09-27 11:30:47 · 2766 阅读 · 2 评论 -
Vuejs——(8)Vuejs组件的定义
本篇资料来于官方文档:http://cn.vuejs.org/guide/components.html本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十五)组件的定义①组件的作用:【1】扩展HTML元素,封装可重用的代码;【2】组件是自定义元素,Vuejs的编译器可以为其添加特殊的功能;【3】某些情况原创 2016-09-04 23:10:13 · 2157 阅读 · 0 评论 -
Vuejs(14)——在v-for中,利用index来对第一项添加class
(1)在v-for中,利用index来对第一项添加classindex来源于v-for,i表示遍历的数组的元素,index表示索引。 由于index从0开始,因此如果要指定第一项有active这个类,那么就用v-bind:class="{'active':!index}" 第一项原本是false(0),第二项和之后是true(>0),通过逻辑非操作符,让其值反转。原创 2016-09-26 11:21:26 · 16819 阅读 · 1 评论 -
快速上手Vue(适合懂基础html、css和js的人)
快速上手Vue前述1. 目标是通过本文,快速了解Vue的基本原理和使用它进行简单的开发2. 只需要html、css、js基础即可(原理涉及ES5,ES6,但对开发者来说不是必须要学的)3. 这是根据我内部分享的PPT改写的目录1. 概述2. 原理3. 快速上手4. 其他Vue常见功能5. 使用Vue写一个大型页面1、概述Vue的优点:轻量——最小只需要17.14kb(Vue.js原创 2017-02-08 22:24:09 · 24854 阅读 · 3 评论 -
粗解Vue.js的render方法
Vue.js的render方法说明前注:版本限制:Vue.js 2.0+ 1.0无法使用没耐心,只关心有什么用的,想知道其大概是获取什么东西后生成的,可以直接看结尾的总结非使用render方法的情况完整代码:<!DOCTYPE html><html><head> <title>Vue的render方法说明</title> <script src="https://unpkg.c原创 2017-02-11 14:43:21 · 5166 阅读 · 1 评论 -
Vuejs(15)——Vue的异步组件
Vue的异步组件使用说明原创 2017-02-22 20:45:47 · 18602 阅读 · 7 评论 -
Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
vuejs2.0vue-router2.0同步组件异步组件原创 2017-02-12 01:03:08 · 12399 阅读 · 1 评论 -
Vuejs(16)——Vue插件写、用详解(附demo)
Vue插件写、用详解(附demo)原创 2017-02-24 23:33:25 · 20241 阅读 · 2 评论 -
Vue中获取组件声明时的name属性
在实际开发中,我们可能需要拿到组件声明时创建的一些属性,比较典型的话就是name属性,在实际开发中需要定位问题时,需要找到是哪一个组件,但是我们总不可能写代码的时候去先找到组件的name属性,然后复制粘贴,作为参数传给函数吧。例如:catchError('componentsName', 'errorDescription')太傻了。解决办法,获取到组件的this,然后利用this去拿到组件的nam原创 2017-11-16 10:07:18 · 19779 阅读 · 0 评论 -
详细分析Vuex 的应用场景
Vuex 的应用场景本文在 GitHub上的链接昨天被问了一个问题: Vuex 的应用场景有什么?什么时候适合使用 Vuex,什么时候不适合使用 Vuex?在当时,我的答案是一般人会回答的内容:涉及到非父子关系的组件,例如兄弟关系、祖孙关系,甚至更远的关系;他们之间如果有数据交互,那么应该使用Vuex来实现;如果页面复杂度比较低的话,也可以考虑使用 global-event-bus 来实原创 2017-12-23 16:15:32 · 16228 阅读 · 1 评论 -
Vuejs——(10)组件——父子组件通信
本篇资料来于官方文档:http://cn.vuejs.org/guide/components.html#u7236_u5B50_u7EC4_u4EF6_u901A_u4FE1本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读 (二十七)父子组件通信①访问子组件、父组件、根组件;this.$parent 访问父组件原创 2016-09-05 17:08:44 · 13866 阅读 · 4 评论 -
Vuejs——(9)组件——props数据传递
本篇资料来于官方文档:http://cn.vuejs.org/guide/components.html#Props本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十六)props数据传递①组件实例的作用域:是孤立的,简单的来说,组件和组件之间,即使有同名属性,值也不共享。 va原创 2016-09-04 23:16:23 · 7020 阅读 · 0 评论 -
Vuejs——(12)组件——动态组件
本篇资料来于官方文档:http://cn.vuejs.org/guide/components.html#u52A8_u6001_u7EC4_u4EF6本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十九)组件——动态组件①简单来说:就是几个组件放在一个挂载点下,然后根据父组件的某个变量来决定显示哪个,原创 2016-09-09 00:00:05 · 6681 阅读 · 2 评论 -
Vuejs——(13)组件——杂项
本篇资料来于官方文档:http://cn.vuejs.org/guide/components.html#u6742_u9879本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(三十)组件——杂项①组件和v-for简单来说,就是组件被多次复用; 例如表格里的某一行,又例如电商的商品橱窗展示(单个橱窗),原创 2016-09-09 00:03:23 · 1872 阅读 · 0 评论 -
Vuejs——(3)计算属性,样式和类绑定
先上总结:(十九)标签和API总结(2)vm指new Vue获取的实例 ①当dom标签里的值和data里的值绑定后,更改data对应的值可以实时更新标签里的值; 但后续添加的值是无效的(绑定失败)。 ②将可以将对象直接作为data的一个属性,是有效的(因为对象按值传递);所以该属性和该对象是全等的; ③vm的接口有:vm.$data是vm的d原创 2016-08-30 17:05:03 · 16713 阅读 · 1 评论 -
Vuejs——(4)v-if、v-for
(二十)v-if①标准v-if用法简单来说,该值为true则显示该标签,为false则不显示;如例: {{abc.a}} var vm = new Vue({ el: '#app', data: { abc: { a: "1" } }原创 2016-09-01 10:40:41 · 3688 阅读 · 0 评论 -
Vuejs——(5)v-on
资料来于官方文档:http://cn.vuejs.org/guide/events.html本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十二)方法处理器①v-on的标准用法用于监听DOM事件,典型的就是v-on:click,处理的方法放在methods属性里会默认传一个参数,代码如下:点击methods原创 2016-09-02 14:53:05 · 4832 阅读 · 0 评论 -
Vuejs——(1)入门(单向绑定、双向绑定、列表渲染、响应函数)
参照链接:http://cn.vuejs.org/guide/index.html【起步】部分本文是在其基础上进行补全和更详细的探寻嗯,根据朋友的建议,我改投vue阵营了 (一)单向绑定 {{ message }} new Vue({ el: '#app', data: {原创 2016-08-23 19:09:19 · 11222 阅读 · 1 评论 -
Vuejs——(2)Vue生命周期,数据,手动挂载,指令,过滤器
原教程:http://cn.vuejs.org/guide/syntax.html本博文是在原教程的基础上加上实例,并尝试说明的更详细。(十)Vue实例的生命周期如图:(我自己翻译的中文版,英文版请查看本博文顶部的链接)(八)传入的数据绑定先创建一个对象(假如是obj),然后将他传入Vue实例中原创 2016-08-24 20:41:28 · 13827 阅读 · 4 评论 -
Vuejs——(7)过渡(动画)
本篇资料来于官方文档:http://cn.vuejs.org/guide/transitions.html本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十四)过渡动画①过渡动画的定义;简单来说,就是当模块消失、出现时,会以什么样的形式消失和出现;如果要使用过渡动画,则在标签里加入属性:transition原创 2016-09-04 23:03:12 · 4630 阅读 · 0 评论 -
Vuejs——(6)Vuejs与form元素
资料来于官方文档:http://cn.vuejs.org/guide/forms.html本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十三)表单绑定①常见绑定方法:【1】文本输入框绑定;【2】textarea绑定(类似【1】);【3】radio选中值绑定;【4】checkbox绑定(原创 2016-09-02 14:59:33 · 3245 阅读 · 0 评论 -
Vuejs——(11)组件——slot内容分发
本篇资料来于官方文档:http://cn.vuejs.org/guide/components.html#u4F7F_u7528_Slot__u5206_u53D1_u5185_u5BB9本文是在官方文档的基础上,更加细致的说明,代码更多更全。简单来说,更适合新手阅读(二十八)Slot分发内容①概述:简单来说,假如父组件需要在子组件内放一些D原创 2016-09-08 23:57:20 · 4476 阅读 · 0 评论