上一页 1 2 3 4 5 6 ··· 16 下一页
2022年12月14日
【Vue核心】12.列表渲染
摘要： 列表显示指令 数组: v-for / index对象: v-for / key v-for指令: 1.用于展示列表数据 2.语法：v-for=“(item, index) in xxx” :key=“yyy” 3.可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少） <!DOCTYPE ht 阅读全文
posted @ 2022-12-14 18:00 我有满天星辰 阅读(59) 评论(0) 推荐(0)
【Vue核心】13.使用 v-model 对表单数据自动收集
摘要： 收集表单数据： 若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。若：<input type="checkbox"/> 1. 阅读全文
posted @ 2022-12-14 11:47 我有满天星辰 阅读(83) 评论(0) 推荐(0)
2022年12月11日
【Vue核心】11.条件渲染指令
摘要： 1. v-if 与v-else 写法： (1).v-if=“表达式” (2).v-else-if=“表达式” (3).v-else=“表达式” 适用于：切换频率较低的场景。 特点：不展示的DOM元素直接被移除。 注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断” 阅读全文
posted @ 2022-12-11 13:18 我有满天星辰 阅读(71) 评论(0) 推荐(0)
【Vue核心】 10.绑定样式
摘要： 理解 (1) 在应用界面中, 某个(些)元素的样式是变化的 (2) class/style 绑定就是专门用来实现动态样式效果的技术 1.class样式 1.:class=‘xxx’ 2.表达式是字符串: ‘classA’ 3.表达式是对象: {classA:isA, classB: isB} 4.表 阅读全文
posted @ 2022-12-11 12:56 我有满天星辰 阅读(45) 评论(0) 推荐(0)
【Vue核心】9.监视属性-watch
摘要： 监视属性-watch 方法说明 1.通过通过vm 对象的$watch()或watch 配置来监视指定的属性 2.当属性变化时, 回调函数自动调用, 在函数内部进行计算 监视属性watch： 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监 阅读全文
posted @ 2022-12-11 12:27 我有满天星辰 阅读(78) 评论(0) 推荐(0)
2022年12月10日
【Vue核心】8.计算属性
摘要： 1. 定义: 要用的属性不存在,要通过已有属性计算得来。 2. 原理 底层借助了objcet.defineproperty方法提供的getter fllsetter. 3. get两数什么时候执行? (1),初次读取时会执行一次。 (2),当依赖的数据发生改变时会被再次调用。 4. 优势 与meth 阅读全文
posted @ 2022-12-10 19:57 我有满天星辰 阅读(49) 评论(0) 推荐(0)
【Vue核心】7.事件处理
摘要： 事件处理的基本使用 绑定监听 v-on:xxx=“fun” @xxx=“fun” @xxx=“fun(参数)” 默认事件形参: event 隐含属性对象: $event 绑定方法说明 使用v-on:xxx 或@xxx绑定事件,其中xxx是事件名;事件的回调需要配置在methods对象中,最终公在vm 阅读全文
posted @ 2022-12-10 19:09 我有满天星辰 阅读(47) 评论(0) 推荐(0)
【Vue核心】6.数据代理
摘要： 1.回顾Object.defineProperty方法 Object.defineproperty Object.defineproperty 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性。Object.defineproperty方法需要传递3个参数，1.属性所在的对象 2 阅读全文
posted @ 2022-12-10 14:06 我有满天星辰 阅读(60) 评论(0) 推荐(0)
2022年12月9日
【Vue核心】4.data与el的2种写法
摘要： 1.el有2种写法 (1).new Vue时候配置el属性。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>el和data的两种写法</title> <script type="text/javascript" src=".. 阅读全文
posted @ 2022-12-09 00:47 我有满天星辰 阅读(44) 评论(0) 推荐(0)
【Vue核心】5. MVVM模型
摘要： M：模型(Model) ：对应data 中的数据V：视图(View) ：模板VM：视图模型(ViewModel) ： Vue 实例对象 观察发现: 1.data中所有的属性,最后都出现在了vm身上。 2.vm身上所有的属性 及Vue原型上所有属性,在Vue模板中都可以直接使用。 MVVM（Model 阅读全文
posted @ 2022-12-09 00:37 我有满天星辰 阅读(134) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 ··· 16 下一页