摘要: v-for遍历数组 渲染一组数据的时候用 v-for v-for的语法类似于JavaScript中的for循环 格式如下:item in items的形式 我们来看一个简单的案例: 如果在遍历的过程中不需要使用索引值 v-for="movie in movies" 依次从movies中取出movie 阅读全文
posted @ 2020-03-04 15:03 懒惰ing 阅读(16474) 评论(4) 推荐(1)
摘要: 条件判断 v-if和v-else <div id="app"> <div v-if="score>=90">优秀</div> <div v-else-if="score>=80">良好</div> <div v-else-if="score>=60">及格</div> <div v-else>不及格 阅读全文
posted @ 2020-03-04 14:38 懒惰ing 阅读(3536) 评论(0) 推荐(0)
摘要: 事件监听 v-on介绍 在前端开发中,我们需要经常和用于交互。这个时候,我们就必须监听用户发生的时间,比如点击、拖拽、键盘事件等等 在Vue中如何监听事件呢?使用v-on指令 作用:绑定事件监听器 缩写:语法糖 @ 预期:Function | Inline Statement | Object 参数 阅读全文
posted @ 2020-03-04 14:33 懒惰ing 阅读(4860) 评论(0) 推荐(0)
摘要: 计算属性 computed 特性:当他依赖的值发生变化的时候会重新计算其属性,所以对于任何复杂逻辑,你都应当使用计算属性 对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示 计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 阅读全文
posted @ 2020-03-04 14:10 懒惰ing 阅读(353) 评论(0) 推荐(0)
摘要: v-bind基础 用于绑定一个或多个属性值,或者向另一个组件传递 props 值 比如通过Vue实例中的data绑定元素的src和href,代码如下: <div id="app"> <img v-bind:src="imgSrc" alt=""> <a v-bind:href="link">Vuej 阅读全文
posted @ 2020-03-04 13:33 懒惰ing 阅读(388) 评论(0) 推荐(0)
摘要: 插值表达式的使用 将 data 中的文本数据,插入到HTML中可以通过 Mustache 语法(也就是双大括号),数据是响应式的 <div id="app"> <h2>Hello {{message}}</h2> <h2>{{firstName}} {{lastName}}</h2> <h2>{{n 阅读全文
posted @ 2020-03-04 12:20 懒惰ing 阅读(1118) 评论(0) 推荐(0)
摘要: Vue.js 认识 Vue(读音 /vjuː/,类似于 view) Vue是一个渐进式JavaScript 框架 Vue全家桶: Core+Vue-router+Vuex Vue有很多特点和Web开发中常见的高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 框架和库的区别 阅读全文
posted @ 2020-03-04 11:54 懒惰ing 阅读(213) 评论(0) 推荐(0)