Vue
文章平均质量分 80
WangYangsea
这个作者很懒,什么都没留下…
展开
-
Vue属性 inheritAttrs、$attrs和$listeners初窥
废物废物原创 2019-06-12 21:38:38 · 960 阅读 · 0 评论 -
Vue组件通信整理
前言在我们Vue开发中,精髓就是组件,一个优秀的项目中,各种组件总是必不可少,我们暂且将组件分成三类:路由组件 由vue-router 生成每个页面的组件,承载着每个页面大部分的初始化内容以及业务逻辑;业务逻辑组件 在一个完整的项目中,经常会出现一些相同的业务逻辑的页面,此时将相同部分的逻辑抽出变成一个组件,在需要的页面倒入即可,这种组件减少了重复工作量,易于维护,但是只适用于当前项目;...原创 2019-06-22 23:10:46 · 469 阅读 · 0 评论 -
Vue指令 v-model详解
前言在一次的学习过程中,偶然发现v-model的一个“奇怪”使用方法,如下图:描述:在一个组件中,引入一个自定义组件input.vue。然后需要在父组件中操作input的输入框内容。父组件(index.vue)的子组件实例上定义了v-model;input.vue组件中定义一个props,有一个value值,另外input标签的input事件绑定了一个事件名为input 的 $emit。...原创 2019-07-02 22:12:46 · 10893 阅读 · 0 评论 -
Vue在线编译器:vue-running
现在网络上,有非常多的JS在线编译器,非常好用,特备是在调试某些片段代码的时候,比在本地重新新建文件来的方便快捷~ 非常流行的比如 JS.do、 jsfiddle、JSRUN 等等。而对于Vue来说,在线编译器有时候会显得更加必要,因为初始化一个Vue项目还是需要花一点时间的~并且需要安卓很多的依赖,费时费力。现在也有很多JS在线编译器已经支持Vue代码了,另外...原创 2019-07-09 23:31:43 · 11990 阅读 · 0 评论 -
如何封装一个带表单验证的 Vue的表单插件(一):起步
缘起以前做Vue项目,经常需要用到表单验证,当时为了项目的速度,为了更好的交互和上线之后更稳定的性能,一直使用的都是VeeValidate确实很好用很强大,但是复杂的英文API的确也在开发中给我带了一定的困难,再加上项目上的需求或多或少和插件有一点点的差别,去看源码修改插件这种事情对我这个菜鸟压力太大~~;一直痛并快乐着。——————————————————————————————————...原创 2019-07-06 22:36:12 · 2637 阅读 · 0 评论 -
如何封装一个带表单验证的 Vue的表单插件(二):功能开发
接下来,我们开始完整的功能开发目录结构整体目录结构如上图所示src/components 项目的业务组件/页面src/base form表单组件src/mixins 混入相关的内容放在这个文件夹(dispatch、capture方法)————————————————————————————————————————————————首先我们先看看Input.vue文件的内容:&l...原创 2019-07-06 22:47:32 · 1453 阅读 · 1 评论 -
如何封装一个带表单验证的 Vue的表单插件(三):优化和拓展
上一篇我们已经完善了主要的验证功能~包括单独验证、不通触发方式、全部交验,但是我只用了输入框组件。表单组件当中除了输入框,还有多行输入textarea(这个和input.vue基本一样,这边不再次写了)。单选(radio)、多选(CheckBox)、下拉选择(select)这些个常用标签,其中还是有一些细微差别,我们还要拿出来简单说一下;此外我们上篇的文章中只是使用的基本的必填验证和 asy...原创 2019-07-06 22:51:45 · 1022 阅读 · 0 评论