
vue
LylBrave
这个作者很懒,什么都没留下…
展开
-
Vue更改了data里的数据,但是视图却没有更新
1.Vue不能检测以下数组的变动:var vm = new Vue({ data: { items: ['a', 'b', 'c'] }})vm.items[1] = 'x' // 不是响应性的vm.items.length = 2 // 不是响应性的 当利用索引值修改数组某项时,使用:Vue.set(vm.items, indexOfItem, newValue);或者:vm.$set(vm.items, indexOfItem, newValue)vm.items...原创 2020-05-18 14:35:15 · 1334 阅读 · 0 评论 -
vue+express搭建系统时利用token保持登陆状态
在我们登陆以后,我们通常希望以后的每次url请求都带上认证信息,即让我们的服务器知道我们已经登陆。利用jwt(jsonWebToken)插件可以帮我们生成相应toktenconst jwt = require('jsonwebtoken');let expressJWT = require('express-jwt');//引入中间件对token进行验证app.post('/login...原创 2020-02-07 12:04:25 · 708 阅读 · 0 评论 -
Vuex的单向数据流
随着前端的项目的越来越复杂,出现了一堆概念来降低开发的复杂性。单向数据流就是其中一个。如果项目很简单,不需要用单向数据流。单向数据流是什么单向数据流指只能从一个方向来修改状态。下图是单向数据流的极简示意:单向数据流的极简示意与单向数据流对对应的是双向数据流(也叫双向绑定)。在双向数据流中,Model(可以理解为状态的集合) 中可以修改自己或其他Model的状态, 用户的操作...转载 2018-08-04 10:35:45 · 6726 阅读 · 1 评论 -
Vue的数据双向绑定
Vue的双向数据绑定主要通过Object.defineProperty来实现,先为所有的属性加上get/set的监控,这样当属性值改变时就会触发对应的set方法,然后再在set方法中通过观察者来更新视图,同时在get方法中进行依赖收集。vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来...原创 2018-07-30 11:12:22 · 181 阅读 · 0 评论 -
Vue的计算属性
这里我们引用Vue.js的官方文档所说的:模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<div id="example"> {{ message.split('').reverse().join('') }}</div>在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里...转载 2018-07-30 10:23:35 · 649 阅读 · 0 评论