
vue
文章平均质量分 96
ionluo
1. 青青园中葵,朝露待日晞。少壮不努力,老大徒伤悲。
2. 手把青秧插满田,低头便见水中天。心地清净方为道,退步原来是向前。
3. 腐草为萤,耀采于月。净从秽出,明由晦生。
4. 老当益壮,宁移白首之心?穷且益坚,不坠青云之志。
展开
-
vue.js生命周期
vue.js生命中周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会init(2.0改为beforeCreate):实例开始...原创 2018-08-04 15:55:49 · 4489 阅读 · 0 评论 -
Vue基础
关于MVC、MVP和MVVM的理解MVC作为经典的框架模式,视图层,数据层以及业务逻辑层都有关联,缺点是数据和视图耦合性高,逻辑层臃肿。MVP视图和数据都通过P这个中间层交互,导致P层特别臃肿。但是去除了数据和视图的耦合性,维护起来更方便。MVVM把VM代替上面的C和P层,直接通过数据驱动渲染视图。1、v-for指令vue2.0相对1.0的变化(1)包含参数index时...原创 2018-09-29 23:21:48 · 1651 阅读 · 0 评论 -
【v-on】一个元素绑定多个事件以及一个事件绑定多个函数的两种写法
本文代码主要讲述了v-on绑定事件函数传参,一个元素绑定多个事件的两种写法,一个事件绑定多个函数的两种写法,修饰符的使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&a原创 2018-09-27 12:20:24 · 13707 阅读 · 2 评论 -
vue数组优化的两种方法track-by和key 这两个有什么区别
1. v-bind:key=" " 是vue2.x提出的,1.x的写法是track-by=" "2、(1)vue1.x中v-for不能显示重复数据,要在v-for的元素内定义track-by="$index",即以序号为索引,如此当增加或者删除数据,view都会跟着改变。但是需要注意如此修改的数据并不能同步到页面,因为其index并没有改变。如下:<!DOCTYPE html&...原创 2018-10-09 14:47:44 · 2543 阅读 · 0 评论 -
vue制作清单应用todoList
该项目为练手项目,学习vue后根据自己的理解进行设计。该项目运用到了localStorage进行数据存储,可长期保存用户数据。但是并没有加入定时提醒和设置过期时间。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vu原创 2018-10-09 14:31:15 · 1538 阅读 · 0 评论