1.Vue 的核心,vue 的理解,单向数据流,修饰符

阅读: 评论:0

1.Vue 的核心,vue 的理解,单向数据流,修饰符

1.Vue 的核心,vue 的理解,单向数据流,修饰符

1.Vue 的核心是什么

Vue 是一套构建用户界面的渐进式自底向上增量开发的 MVVM 框架, vue 的核心只关注视图层,

核心思想

数据驱动(视图的内容随着数据的改变而改变) 组件化(可以增加代码的复用性,可维护性,可测试性,提高开发效率, 方便重复使用,体现了高内聚低耦合)

2.对 vue 的理解

Vue 是一套构建用户界面的渐进式的自底向上增量开发的 MVVM 框架, 核心是关注视图层,vue 的核心是为了解决数据的绑定问题,为了开发大型单页面应用和组件化,所以 vue 的核心思想是数据驱动和组件化。

这里也说一下 MVVM 思想,MVVM 思想是模型视图 vm 是 v 和 m 连 接的桥梁,当模型层数据修改时,VM 层会检测到,并通知视图层进行相应修改

3.vue 的单向数据流

父级 prop 的更新会向下流动到子组件中,每次父组件发生更新,子组件所有的 prop 都会刷新为最新的值数据从父组件传递给子组件,只能单向绑定,子组件内部不能直接修改 父组件传递过来的数据,(可以使用 data computed 解决)

4. Vue 常用的修饰符

修饰符:

.lazy 改变后触发,光标离开 input 输入框的时候值才会改变

.number 将输出字符串转为 number 类型

.trim 自动过滤用户输入的首尾空格

事件修饰符:

.stop 阻止点击事件冒泡,相当于原生 js 中的 event.stopPropagation() .prevent 防 止 执 行 预 设 的 行 为 , 相 当 于 原 生 js 中 event.preventDefault()

.capture 添加事件侦听器时使用事件捕获模式,就是谁有该事件修饰符, 就先触发谁

.self 只会触发自己范围内的事件,不包括子元素

.once 只执行一次 键盘修饰符:

.enter 回车键

.tab 制表键

.esc 返回键

.space 空格键

.up 向上键

.down 向下键

.left 向左建

.right 向右键

系统修饰符:

.ctrl

.alt

.shift

.meta

本文发布于:2024-01-31 14:41:46,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170668330729254.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:数据流   核心   修饰符   Vue   vue
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23