上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 23 下一页
摘要: 使用 v-for 做列表渲染 我们可以用 v-for 指令基于一个数组来渲染一个列表,用于展示列表数据。 语法: v-for = "(item, index) in items" :key="xxx" 或者 v-for = "(item, index) of items" :key="xxx" 这里 阅读全文
posted @ 2023-09-19 22:48 马铃薯1 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 使用 v-if 做条件渲染 写法: 1)v-if = "表达式" 2)v-else-if = "表达式" 3)v-else = "表达式" 或 简写为 v-else 适用于:切换频率较低的场景 特点:不展示的DOM元素直接被移除 注意:v-if 可以和 v-else-if 、v-else 一起使用, 阅读全文
posted @ 2023-09-19 16:27 马铃薯1 阅读(4) 评论(0) 推荐(0) 编辑
摘要: class 与 style 绑定 1)在应用界面中,某个(些)元素的样式是变化的 2)class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法: v-bind:class = "xxx" 或 :class = "xxx" ,xxx 可以是字符串、对象、数组 1) 阅读全文
posted @ 2023-09-19 11:11 马铃薯1 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 计算属性(computed) vs 监视属性(watch) 1) computed 能完成的功能,watch 都可以完成 2) watch 能完成的功能,computed 不一定能完成。例如 watch 可以进行异步操作。 两个重要的原则 1) 所有被 Vue 管理的函数,最好写成通函数,这样 th 阅读全文
posted @ 2023-09-18 15:33 马铃薯1 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 我们通过实现一个天气案例,引出监视属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>天气案例</title> <!--引入Vue--> <script type="text/javascript" src 阅读全文
posted @ 2023-09-12 21:31 马铃薯1 阅读(5) 评论(0) 推荐(0) 编辑
摘要: Computed 计算属性是 Vue 中常用的一个功能,那为什么要使用计算属性 我们假定一个前提情况,如果我们需要用到一个属性,但这个属性不存在,却可以通过其他属性计算得来,我们则可以通过以下几个方法进行实现: 1) 插值语法实现 2) methods实现 3) 计算属性实现 例:我们已知 姓、名属 阅读全文
posted @ 2023-09-11 18:24 马铃薯1 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 事件的基本使用 1) 使用v-on:xxx 或 @xxx 绑定事件,其中 xxx 是事件名 2) 事件的回调需要配置在 methods对象中,最终会在 vm实例对象上 3) methods中配置的函数,不要用箭头函数,否则 this 指向的就不是 vm实例对象了 4) methods中配置的函数,都 阅读全文
posted @ 2023-09-10 22:43 马铃薯1 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 回顾Object.defineproperty方法 Object.defineproperty方法的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性 写法:Object.defineproperty(obj, prop, desc) 1) 第一个参数obj,在哪个对象身上添加或者修 阅读全文
posted @ 2023-09-10 11:21 马铃薯1 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: const vm = new Vue({ // 选项 }) Vue 的设计虽然没有完全遵循 MVVM模型,但是也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。 阅读全文
posted @ 2023-09-10 09:52 马铃薯1 阅读(8) 评论(0) 推荐(0) 编辑
摘要: el与data的两种写法 el的两种写法 1) 创建 Vue 实例对象的时候配置 el 属性 2) 先创建 Vue 实例,随后再通过 v.$mount('#root) 指定 el 的值 // el的两种写法 const v = new Vue({ // el 第一种写法 // el:"#root", 阅读全文
posted @ 2023-09-09 11:25 马铃薯1 阅读(4) 评论(0) 推荐(0) 编辑
上一页 1 ··· 9 10 11 12 13 14 15 16 17 ··· 23 下一页