
vue
文章平均质量分 78
努力练级中...
小白前端自学路径和知识整理。
展开
-
vue学习记录二:修饰符(一):事件修饰符
vue学习记录二:修饰符一、事件修饰符二、按键修饰符 一、事件修饰符 写法 <div @click.stop.prevent ="fn"></div> //事件修饰符可以连写,且顺序很重要。prevent 在最前面会阻止所有的点击, 1.stop:阻止事件冒泡。只触发最外层 的元素事件。原生js是event.stopPropagation() 2.prevent:阻止默认行为,一般是阻止a标签的跳转行为。原生js是event.preventDefault() 3.self:阻止冒泡原创 2025-03-27 16:50:16 · 124 阅读 · 0 评论 -
vue学习记录二十二:vuex学习记录一:vuex的基本使用
Vuex一、为什么有Vuex二、什么是vuex三、vuex的作用四、什么时候使用vuex五、使用vuex1.安装vuex2.导入vuex3.创建store对象4.将store对象挂载到vue实例中 一、为什么有Vuex 在vue中,父子传值是v-bind属性绑定,子向父传值是事件绑定, 兄弟组件之间共享数据值EventBus,这是适合小范围内数据共享,大范围中要用其他技术,即vuex 二、什么是vuex vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。本质上就是组件之间实原创 2021-03-06 16:36:23 · 3123 阅读 · 1 评论 -
vue学习记录十五:数据响应式原理(一)(Object.defineProperty)
vue学习记录十五:数据响应式原理一、数据响应式原理二、Object.defineProperty代码解释1.简单原理2.存在的问题 一、数据响应式原理 在Javascript里实现数据响应式一般有俩种方案,分别对应着vue2.x 和 vue3.x使用的方式,他们分别是: 对象属性拦截 (vue2.x) Object.defineProperty 对象整体代理 (vue3.x) Proxy 其中对象属性拦截,不管使用其中的哪种方式,道理都是相通的。 二、Object.definePropert原创 2021-11-05 11:09:47 · 737 阅读 · 1 评论 -
vue学习记录十一:前端模块化开发规范(export和import了解)
ES6模块导入原创 2021-02-25 16:20:40 · 311 阅读 · 0 评论