摘要: 简介 过滤器就是数据在真正渲染到页面中的时候,可以使用这个过滤器进行一些处理,把最终处理的结果渲染到网页中。 过滤器使用: 过滤器可以用在两个地方:双花括号插值和v-bind表达式 (后者从2.1.0+开始支持)。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符号指示: <!-- 在 阅读全文
posted @ 2020-06-04 15:07 0bug 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 简介 生命周期函数代表的是Vue实例,或者是Vue组件,在网页中各个生命阶段所执行的函数。生命周期函数可以分为创建阶段和运行期间以及销毁期间。其中创建期间的函数有beforeCreate、created、beforeMount、mounted;运行期间的函数有beforeUpdate、updated 阅读全文
posted @ 2020-06-04 15:01 0bug 阅读(4097) 评论(0) 推荐(0) 编辑
摘要: 双向绑定 v-model指定可以实现表单值与属性的双向绑定。即表单元素中更改了值会自动的更新属性中的值,属性中的值更新了会自动更新表单中的值。 绑定的属性和事件 v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件: text和textarea元素使用value属性和input事件。 阅读全文
posted @ 2020-06-04 14:11 0bug 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 计算属性 一般情况下属性都是放到data中的,但是有些属性可能是需要经过一些逻辑计算后才能得出来,那么我们可以把这类属性变成计算属性。比如以下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vuedemo 阅读全文
posted @ 2020-06-04 13:45 0bug 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 文本 在html中通过{{}}(双大括号)中可以把Vue对象中的数据插入到网页中。并且只要Vue对象上对应的值发生改变了,那么html中双大括号中的值也会立马改变。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2020-06-04 11:34 0bug 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 安装 vue的安装大体上分成三种方式,第一种是通过script标签引用的,第二种是通过npm(node package manager)来安装,第三种是通过vue-cli命令行来安装。作为初学者,建议直接通过第一种方式来安装,把心思集中在vue的学习上,而不是安装上。 # 开发环境 <script 阅读全文
posted @ 2020-06-04 10:46 0bug 阅读(152) 评论(0) 推荐(0) 编辑