2020年8月18日

509 vue计算属性:使用,setter和getter,缓存

摘要: 什么是计算属性? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{firstName + ' ' + las 阅读全文

posted @ 2020-08-18 12:53 冲啊! 阅读(245) 评论(0) 推荐(0) 编辑

508 v-bind:基础,语法糖,绑定class,绑定style

摘要: v-bind介绍 前面我们学习的指令主要作用是将值插入到我们模板的内容当中。 但是,除了内容需要动态来决定外,某些属性我们也希望动态来绑定。 比如动态绑定a元素的href属性 比如动态绑定img元素的src属性 这个时候,我们可以使用v-bind指令: 作用:动态绑定属性 缩写: 预期:any (w 阅读全文

posted @ 2020-08-18 11:39 冲啊! 阅读(298) 评论(0) 推荐(0) 编辑

507 Mustache,v-once,v-html,v-text,v-pre,v-cloak

摘要: Mustache 如何将data中的文本数据,插入到HTML中呢? 我们已经学习过了,可以通过Mustache语法(也就是双大括号)。 Mustache: 胡子/胡须. 我们可以像下面这样来使用,并且数据是响应式的 v-once 但是,在某些情况下,我们可能不希望界面随意的跟随改变 这个时候,我们就 阅读全文

posted @ 2020-08-18 11:34 冲啊! 阅读(159) 评论(0) 推荐(0) 编辑

506 vue生命周期-初步了解

摘要: ![](https://img2020.cnblogs.com/blog/1877004/202008/1877004-20200818112630880-945020937.png) ![](https://img2020.cnblogs.com/blog/1877004/202008/1877004-20200818112942320-483388593.png) 阅读全文

posted @ 2020-08-18 11:30 冲啊! 阅读(152) 评论(0) 推荐(0) 编辑

505 创建Vue实例传入的options-初步

摘要: 你会发现,我们在创建Vue实例的时候,传入了一个对象options。 这个options中可以包含哪些选项呢? 详细解析: https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE 目前掌握这些选项: (1)el 类型:st 阅读全文

posted @ 2020-08-18 11:25 冲啊! 阅读(190) 评论(0) 推荐(0) 编辑

504 Vue中的MVVM,计数器案例的MVVM

摘要: 什么是MVVM呢? 通常我们学习一个概念,最好的方式是去看维基百科(对,千万别看成了百度百科) https://zh.wikipedia.org/wiki/MVVM 维基百科的官方解释,我们这里不再赘述。 我们直接来看Vue的MVVM。 View层: 视图层 在我们前端开发中,通常就是DOM层,主要 阅读全文

posted @ 2020-08-18 11:24 冲啊! 阅读(348) 评论(0) 推荐(0) 编辑

503 Vue.js安装,vue初体验

摘要: Vue.js安装 使用一个框架,我们第一步要做什么呢?安装下载它 安装Vue的方式有很多: 方式一:直接CDN引入 你可以选择引入开发环境版本还是生产环境版本 <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm 阅读全文

posted @ 2020-08-18 11:21 冲啊! 阅读(413) 评论(0) 推荐(0) 编辑

导航