随笔分类 -  vueJs

前端框架vue的学习记录
双向绑定数据的实现（new Proxy 版本）
摘要：之前有用 Object.defineProperty 实现了一个双向绑定，过于繁琐，这是 基于 Proxy 实现了一版，也优化了模版渲染的部分，代码更简洁。 调用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2020-09-13 13:12 adouwt 阅读(724) 评论(0) 推荐(0)
写给后端同学的vue
摘要：文章内，图片很多，占据了一定的篇幅。有写后台的哥们说，vue怎么写，怎么新建一个vue项目，然后我想了想，觉得写一个面向后台同学的vue教程也是有必要，文章中几乎没讲css和vue细节处理的相关内容，减少接受不必要的信息量，降低vue的学习成本。如果有不清楚的地方，可以私信联系我，有不对不合理之处， 阅读全文
posted @ 2019-07-21 13:25 adouwt 阅读(2265) 评论(2) 推荐(1)
vue 双向数据绑定的实现学习（二）- 监听器的实现
摘要：废话：上一篇https://www.cnblogs.com/adouwt/p/9928278.html 提到了vue实现的基本实现原理：Object.defineProperty() -数据劫持 和 发布订阅者模式（观察者），下面讲的就是数据劫持在代码中的具体实现。 1.先看如何调用 new一个对象 阅读全文
posted @ 2018-11-30 11:51 adouwt 阅读(852) 评论(0) 推荐(0)
vue 双向数据绑定的实现学习（一）
摘要：前言：本系列学习笔记从以下几个点展开 什么是双向数据绑定 双向数据绑定的好处 怎么实现双向数据绑定 实现双向数据数据绑定需要哪些知识点 数据劫持 发布订阅模式 实现双向数据数据绑定需要哪些知识点 数据劫持 发布订阅模式 数据劫持 发布订阅模式 先看看我们要实现的目标是什么，如下动图： 0、什么是双向 阅读全文
posted @ 2018-11-29 15:26 adouwt 阅读(843) 评论(0) 推荐(0)
vue的过滤器filter
摘要：前记： 排版记录，未免太耽误时间，我就简单的来，下面是一个vue 过滤器的写法，demo 演示，限制一个字符串的长度。 vue filter 的官网介绍 https://cn.vuejs.org/v2/guide/filters.html 下面就具体拿自己的一个例子介绍： 某个filter.js 然 阅读全文
posted @ 2018-09-17 10:44 adouwt 阅读(6383) 评论(0) 推荐(0)
手把手教你写vue插件并发布（二）
摘要：前记：上一篇 https://www.cnblogs.com/adouwt/p/9211003.html， 说到了一个完整的vue插件开发、发布的流程，总结下来就讲了这么一个事，如何注入vue, 如果封装vue插件，如何测试vue插件，以及如何发布vue插件到npm。但是，这里开发测试到发布是分开在 阅读全文
posted @ 2018-09-16 13:23 adouwt 阅读(9296) 评论(5) 推荐(6)
手把手教你写vue插件并发布（一）
摘要：vue的插件开发 这篇文章较长，需要一定的阅读时间。这里有一份改善版本的插件笔记，在一个项目下完成开发、测试、发布的全过程。https://www.cnblogs.com/adouwt/p/9655594.html --2019年1月15日更新。 反映问题： 执行 npm publish 报错，因为 阅读全文
posted @ 2018-06-21 21:18 adouwt 阅读(48657) 评论(6) 推荐(17)
css 模拟radio的样式
摘要：1、input 默认的 type 为 radio的样式，在具体场合中的改造 默认的样式这样： 但是我要这样的： 这样看来是不是比原来的好看多了。 2、优化radio的样式 这个是vue的一个例子，点击一个元素给它追加一个class。当然这个不是重点，重点是 红色部分，我们需要对红色部分进行css描述 阅读全文
posted @ 2018-05-22 17:36 adouwt 阅读(2722) 评论(0) 推荐(0)
用vue 写h5页面-摇一摇
摘要：vue配合其他ui框架除了开发一个完整的web项目外，也有不少的项目做一些h5的活动页面开发。你的页面现在需要模拟微信的摇一摇动作。 项目环境： vue-cli 完成的一个项目 准备插件（包）：依赖的第三方的插件（后续会完成如何写vue插件的方法）shake.js ,github地址： https: 阅读全文
posted @ 2018-05-16 14:32 adouwt 阅读(2580) 评论(0) 推荐(0)
vuex之 mapState, mapGetters, mapActions, mapMutations 的使用
摘要：一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters （上次记得关于vuex笔记 http://www.cnblogs.com/adouwt/p/8283898.html ,是一个简单的应用；这是一些简单的vue的小组件方法： http://www.cn 阅读全文
posted @ 2018-04-11 23:02 adouwt 阅读(1831) 评论(0) 推荐(0)
vue 不常见操作
摘要：对 v-html 的扩展操作， 问题产生背景， 在vue 项目中，用v-html渲染 html字符串，这里面包括a 标签等内容，因为某种需求，a 的默认跳转不符合要求，要经过自己定义的方法跳转。 原来的a : <a href="www.com">eeee</a> 处理后的： <a href="jav 阅读全文
posted @ 2018-02-01 17:25 adouwt 阅读(192) 评论(0) 推荐(0)
我理解的vue生命周期
摘要：说些题外话，引出vue的生命周期。 比如人出生到寿终正寝，这是人的一个生命周期。他会经历出生，婴儿时期，童年时期，少年时期，青年，中年，老年，到 end。然后，每个时期都会有一定的历史任务在等着去完成，比如童年的时候，我们要学会基本的说话走路等，少年时期要完成一定量的识字识数等，青年要参与社会工作等 阅读全文
posted @ 2018-01-20 20:58 adouwt 阅读(205) 评论(0) 推荐(0)
简单的vuex 的使用
摘要：1、 npm install vuex 2、 在src 下 新建文件夹 store （为什么是这个单词，vuex 是用来状态管理的，用储存一些组件的状态，取存贮,仓库之意），store 文件下 新建文件 index.js (为什么是index.js？ 在导入的时候，会第一选择这个叫index的文件) 阅读全文
posted @ 2018-01-14 18:21 adouwt 阅读(478) 评论(0) 推荐(0)
vue的常用组件方法应用
摘要：项目技术： webpack + vue + element（mint-ui, etc...） + axois (vue-resource) + less-loader+ ... vue的操作的方法案例： 1.数组数据还未获取到，做出预加载的动画 2. 按钮状态的判断，按钮能不能点的问题 3.像jqu 阅读全文
posted @ 2017-11-28 19:13 adouwt 阅读(2648) 评论(0) 推荐(0)