一般出现这种问题是因为vue在利用=赋值时，是一种浅拷贝的方式，它是将等号右边的数据的引用给了等号左边的变量，这也导致了改变等号左边的数据时右边数据也发送变化，从而影响页面数据。 最简单有效的方式就是进行深拷贝，它会在堆…

前言 用vue做移动端开发过程中，需要手势操作。因为vue-touch目前不支持vue2.0，所以自己写了几个手势。 实现功能 点击 双指缩放图片 移动 指令代码 myTouch.js >> export d…

看这篇之前，如果没有看过之前的文章，可拉到文章末尾查看之前的文章。 回顾 在 step4 中，我们大致实现了一个 MVVM 的框架，由3个部分组成： defineReactive 控制了对象属性，使变为可监听结构 Dep…

vue组件主要指令用法:github链接 （demo02–持续更新中） v-text 更新元素的 textContent。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插…

什么是JSX? JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析. 我为什么要在v…

本文能帮你做什么？。。好奇vue双向绑定的同学，可以部分缓解好奇心还可以帮你了解如何实现$watch 前情回顾 我之前写了一篇没什么干货的文章。。并且刨了一个大坑。。今天。。打算来填一天。。并再刨一个。。哈哈不过话说说回…

问题 在Vue实例完成之后，将锚点定位到指定元素。 分析： 如何实现，这是一个问题。首先生命周期函数，放在created钩子中，这个时候页面还没有渲染完成，如果进行锚点跳转，很可能就无法跳转到指定位置。因此只能放在生命周…

一段代码阐述一个轮播思路 不BB，直接上代码： 1. if (direction === 'next') { 2. this.index = nextIndex; 3. /*如果是下一个，那就先吧下个的dom设置成non…

前言 本文主要Alert 组件的大致框架， 提供少量可配置选项。 旨在大致提供思路 tooltip 常用于展示鼠标 hover 时的提示信息。 模板结构 <template> <div style="p…

任何一个钩子函数都可以终止界面切换；——-界面切换：组件更换；数据更新；每个切换钩子函数都会接受一个 transition 对象作为参数 切换对象（transition）： **对象属性**： /…

Vue.js Material Design 谷歌推出了全新的设计语言Material Design。谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。（网上copy的）…

vue-resource The plugin for Vue.js provides services for making web requests and handle responses using a XMLH…