分类目录归档：前端框架

2018
06-30

Vue中的$nextTick应用 关于Vue的异步更新队列

假设有这么一个需求，在页面中，我们用 v-if 隐藏了某个DIV，在用户进行某个操作后比如点击某个按钮，改变v-if的值，让这个DIV显示出来，同时alert这个div里面的文本内容。 这个需求很简单，我们马上就写出来了： <div id="app"> <div id="div" v-if="show"> cat text </div&.... Read More >

2018
05-31

vue 中深度监听对象里面的属性变化

watch 里面还有一个属性 deep，默认值是 false，代表是否深度监听，比如我们 data 里有一个obj属性： <div> <p>obj.a: {{obj.a}}</p> <p>obj.a: <input type="text" v-model="obj.a"></p> </div>.... Read More >

2018
05-29

Vue的优秀商城框架 Vant 的介绍及安装使用教程

Vant 是有赞出的一款适合用来开发电商系统的Vue基本组件和样式组件。 安装Vant npm i vant -S：这是简写形式。 npm install vant --save:这是完整写法。 如果你网络很慢的话，可以使用淘宝的源，但是不建议使用cnpm来进行安装，用cnpm安装时我个人是会出现一些未知的问题的，建议使用下面的安装方式： npm install vant --save --r.... Read More >

2018
05-23

vue 中如何让 watch 一绑定就立即执行

假设我们需要用 watch 来实现以下需求，在页面上显示用户的全名，但是用户的姓可能是变化的，需要用户自己输入，那么，我们实现起来，大概是这个样子的： <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstNa.... Read More >