随笔分类 -  vue

vue源码解析data与watcher
摘要：以一份简单的例子说明： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文
posted @ 2020-10-09 20:52 莺哥 阅读(274) 评论(0) 推荐(0)
vue 公用组件开发 确认框confirm
摘要：文件目录： github地址：https://github.com/xingkongwuyu/vue-spa-experience/tree/master/src/components 最终的效果： 组件的源码解析： confirm ： confirm的框架 ./index.js 使用transit 阅读全文
posted @ 2018-01-11 16:51 莺哥 阅读(38598) 评论(1) 推荐(0)
使用vue初体验之app实现后 小总结
摘要：一、主要功能 （1）登录（登录信息错误的提示组件）、 自定义指令：clickoutside （2）注册：时间倒计时60s （3）资讯：自定义指令：inifiniteScroll （4）vue axios 的配置 //根据环境配置请求地址 if(process.env.NODE_ENV=="produ 阅读全文
posted @ 2017-12-09 13:54 莺哥 阅读(446) 评论(0) 推荐(0)
vue directive具体的使用方法
摘要：一、一个指令定义对象可以提供如下几个钩子函数 (均为可选)： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。(注意：binding这个词绑定，顾名思义在这个bind中进行绑定函数) inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插 阅读全文
posted @ 2017-11-27 23:09 莺哥 阅读(4892) 评论(0) 推荐(0)
vue生命周期之我见
摘要：Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 具体实例，以及运行结果 运行结果： 创建前 结果分析： beforeCreated:在创建之前 阅读全文
posted @ 2017-11-20 15:10 莺哥 阅读(395) 评论(0) 推荐(0)
vue-router api学习
摘要：参数介绍： base：类型string 默认值：'/' 具体的用途：应用的基路径。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 "/app/"。 举个实际应用的例子： 这个主要是在实际的开发中一个项目文件下，例如针对php， 该文件中的文件夹个大PHP专属文件夹，有前端专 阅读全文
posted @ 2017-11-15 14:16 莺哥 阅读(381) 评论(0) 推荐(0)
axios（基于promise的http库）
摘要：vue2.0版本后，推荐axios，vue1.X版本使用vue-resourse Axios特点 1、浏览器中创建XMLHttpRequests 2、从node.js创建http请求 3、支持promise API 4、拦截请求和响应 5、转换请求和响应数据 6、取消请求 7、自动转换JSON 8、 阅读全文
posted @ 2017-11-02 15:46 莺哥 阅读(4980) 评论(0) 推荐(0)