- 博客(6)
- 收藏
- 关注
RSS订阅原创 自定义指令
使用指令语法︰v-指令名。如:<input type="text"v-focus/ >注册指令时不用加v-前缀,但使用时一定要加v-前缀。注意:在使用指令的时候，一定要先注册,再使用，否则会报错。
2023-05-26 14:17:02
45
原创 vue的通信方式（父传子 子传父 非父子通信）
Vue提供一种名为eventBus的事件总线用于搭建组件通信的桥梁,eventBus用来管理所有组件的通信。任何一个组件的通信都可以记录在eventBus中,因此我们认为它是vue组件的通信中心。在被记录之前,我们需要创建一个eventBus的实例用来接收和注册通信消息。在子组件标签上 写上“属性名：‘要传的数据’” 在子组件中 使用props接收数据。局部注册：直接在App.vue中 导入入 注册并使用。全局组件：main.js 中 导入组件 并进行注册。2.子组件 向 父组件 传递数据。
2023-05-26 14:10:06
70
原创 Vue的生命周期
有什么作用：主要知道在不同时刻 vue做了哪些事情 主要的学习方向就是在。值得是一个事物从出身到死亡 整个经历过程叫做生命周期。1.beforeDestroy()销毁前。1.beforeCreate()创建前。1.beforeMount()挂载前。1.beforeUpdate更新前。2.destroyed()销毁后。2.created()创建后。2.mounted()挂载后。2.updated()更新后。
2023-05-22 20:11:46
42
1
原创 计算属性 监听
使用vue的原有属性，经过一系列的运算/计算，最终得到了一个全新的属性，叫做计算属性。Vue的原有属性: data对象当中的属性可以叫做Vue的原有属性。全新的属性:表示生成了一个新的属性，和data中的属性无关了，新的属性也有自己的属性名和属性值。//当读取计算属性1的值的时候，getter方法被自动调用。//当修改计算属性1的值的时候，setter方法被自动调用。//这是另一个计算属性计算属性2 : {},//这是一个计算属性计算属性1 :{1．什么是计算属性?2．计算属性怎么用?
2023-05-18 20:56:56
98
1
原创 事件修饰符
无需等待 ，直接立即执行事件的默认行为。.stop 停止事件冒泡，等同于event.stopPropagation()是别人给我传递过来的事 件，则执行对应的程序。.prevent 等同于preventDefault()方法，可以阻止默认行为。.self 这个事件如果是"我自己元素"上发生的事件，这个事件不。一种时从内到外添加（事件冒泡模式）一种时从外到内添加（事件捕获模式）.capture 添加事件监听器时使用事件捕获模式。.once 事件只发生一次。
2023-05-18 20:53:05
44
1
原创 Vue的指令语法
vue 在调用回调函数的时候，会自动给回调函数传递一个对像，这个对象是：当前发生事件的对象在绑定回调函数的时候，可以在回调函数的参数上使用$event占位符，vue框架看到$event占位符后会自动将当前事件以对象的形式传递过去。变量名代表了 数组中的每一个元素。1.在编译的时候v-bind后面"参数名"会被编译为html标签的 "属性名"3.v-show：是通过修改元素的css样式的display属性来达到显示和隐藏的。指令的作用：当表达式的值发生改变时，将其产生的连带影响，响应式地作用于 DOM。
2023-05-17 14:57:20
70
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人