摘要:
今天想实现一个功能,在全局中随时改变用户的部分信息。这时候就想到了用Vuex状态控制器来存储用户信息,在页面中使用computed来监听用户这个对象。看似一个很简单的逻辑,就体现了我基本功的不扎实呀。 代码1: 写完后准备测试,感觉没啥问题。可是登录成功后userInfo就是怎么样不会更新,界面上的 阅读全文
摘要:
实现效果:字符串的动态拼接 methods方法 html: <div id="app"> <!-- 监听到文本框数据的改变 --> <input type="text" v-model="firstname" @keyup="getFullName">+ <input type="text" v-m 阅读全文
摘要:
一、什么是计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: 这里的表达式包含3个操作,并不是很清晰,所以遇到复杂逻辑时应该使用Vue特带的计算属性computed来进行处理。 二、计算属性的用法 在一个计算属性里可以完成各种复 阅读全文
摘要:
watch:{} 是一个对象,一定要当成对象来用,可监听数据,是vue中数据发生变化进行处理的函数, 它有三个选项 第一个handler:其值是一个回调函数。即监听到变化时应该执行的函数。第二个是deep:其值是true或false;确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组 阅读全文
摘要:
1.Vue实例API 1.构造器(实例化) var vm = new Vue({ //选项 | DOM(3) | | el (提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。) | | template (一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂 阅读全文
摘要:
项目开发中在用户由分类页category进入detail需保存用户状态,查阅了Vue官网后,发现vue2.0提供了一个keep-alive组件。 上一篇讲了keep-alive的基本用法,现在说说遇到的坑。 先说项目中的配置 在App.vue中的设置 在router中增加配置meta 上面这个设置后 阅读全文