上一页 1 2 3 4 5 6 ··· 16 下一页
摘要: 收集表单数据: 若:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。若:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。若:<input type="checkbox"/> 1. 阅读全文
posted @ 2022-12-14 11:47 我有满天星辰 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 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 我有满天星辰 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 理解 (1) 在应用界面中, 某个(些)元素的样式是变化的 (2) class/style 绑定就是专门用来实现动态样式效果的技术 1.class样式 1.:class=‘xxx’ 2.表达式是字符串: ‘classA’ 3.表达式是对象: {classA:isA, classB: isB} 4.表 阅读全文
posted @ 2022-12-11 12:56 我有满天星辰 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 监视属性-watch 方法说明 1.通过通过vm 对象的$watch()或watch 配置来监视指定的属性 2.当属性变化时, 回调函数自动调用, 在函数内部进行计算 监视属性watch: 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在,才能进行监视!! 3.监 阅读全文
posted @ 2022-12-11 12:27 我有满天星辰 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 1. 定义: 要用的属性不存在,要通过已有属性计算得来。 2. 原理 底层借助了objcet.defineproperty方法提供的getter fllsetter. 3. get两数什么时候执行? (1),初次读取时会执行一次。 (2),当依赖的数据发生改变时会被再次调用。 4. 优势 与meth 阅读全文
posted @ 2022-12-10 19:57 我有满天星辰 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 事件处理的基本使用 绑定监听 v-on:xxx=“fun” @xxx=“fun” @xxx=“fun(参数)” 默认事件形参: event 隐含属性对象: $event 绑定方法说明 使用v-on:xxx 或@xxx绑定事件,其中xxx是事件名;事件的回调需要配置在methods对象中,最终公在vm 阅读全文
posted @ 2022-12-10 19:09 我有满天星辰 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 1.回顾Object.defineProperty方法 Object.defineproperty Object.defineproperty 的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性。Object.defineproperty方法需要传递3个参数,1.属性所在的对象 2 阅读全文
posted @ 2022-12-10 14:06 我有满天星辰 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 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 我有满天星辰 阅读(14) 评论(0) 推荐(0) 编辑
摘要: M:模型(Model) :对应data 中的数据V:视图(View) :模板VM:视图模型(ViewModel) : Vue 实例对象 观察发现: 1.data中所有的属性,最后都出现在了vm身上。 2.vm身上所有的属性 及Vue原型上所有属性,在Vue模板中都可以直接使用。 MVVM(Model 阅读全文
posted @ 2022-12-09 00:37 我有满天星辰 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 1.效果 2.单向数据绑定 语法:v-bind:href =“xxx” 或简写为 :href 特点:数据只能从data 流向页面 3. 双向数据绑定 语法:v-mode:value=“xxx” 或简写为 v-model=“xxx” 特点:数据不仅能从data 流向页面,还能从页面流向 data 4. 阅读全文
posted @ 2022-12-09 00:31 我有满天星辰 阅读(39) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 16 下一页