vue
黄大鹏
记录一些好玩的问题
展开
-
浅谈vue双向数据绑定
前沿最近在研究vue的源码,再次记录一下众所周知vue通过数据劫持+发布订阅模式实现双向绑定那么我们就一步一步来实现一个简易版本的mvvm吧入口class Vue { constructor(options) { this.$el = options.el this.$data = options.data if (this.$el) { new Observer(this.$data) new原创 2020-09-17 10:18:52 · 172 阅读 · 0 评论 -
vue.set(this.$set)的正确用法
vue.set的用法项目前沿需求分析解决方案代码分析附项目前沿在做移动端项目的时候,往往有这样一个需求。头部有多个type切换,对应不同的内容,在以往面向web开发的时候我们往往采用的是点击哪个type传对应的值请求哪个的内容,这杨每次点击就会产生一次请求,对于用户体验来说是不怎么友好的,现在移动webapp的时代,我们完全可以做成原生应用的切换效果。需求分析既然这样,那么我们就需要创建多...原创 2019-01-27 12:04:29 · 12622 阅读 · 1 评论 -
浅谈单页应用SPA实现原理
背景介绍项目中本人使用Vue作为主要技术栈,众所周知Vue主要用于开发单页面(SPA)应用的框架,具有良好的用户体验,用户不需要重新刷新页面,获取数据也是通过Axios异步获取,使得页面显示更为流畅。分析既然这样,那我们就探究下单页SPA的实现原理吧:查阅相关资料,目前主要有两种实现方式1、监听hash的改变 2、H5新增的的history APIHash在url中可以带上一个#,这个就...原创 2019-03-11 20:44:15 · 1938 阅读 · 1 评论 -
实现一个简单的Vue插件
概念最近看了篇关于Vue插件的文章,为了避免忘记,打算写下来,以遍日后查阅。我们引入全局变量的时候,可能需要一个一个的引入,而且在一个vue文件中引用的组件多了,会显得代码臃肿,所以才有了封装vue插件的需求。插件组件模板<template> <transition name="fade"> <div class="toast" v-s...原创 2019-04-22 19:09:41 · 616 阅读 · 0 评论 -
检测数据类型的经典方法
前沿用 typeof 是否能准确判断一个对象变量,答案是否定的,null 的结果也是 object,数组的结果也是 object,有时候我们需要的是 “纯粹” 的 object 对象。如何避免呢?比较好的方式是:console.log(Object.prototype.toString.call(obj) === "[object Object]");例console.log(Objec...原创 2019-05-18 16:08:32 · 281 阅读 · 0 评论