
vue
ldcaws
这个作者很懒,什么都没留下…
展开
-
vue中:class、watch、v-show使用
在 Vue.js 中,:class 指令(或 v-bind:class)允许你动态地绑定 CSS 类到一个元素。这个指令有两种主要的使用方式:绑定一个对象或者绑定一个数组。原创 2024-07-17 21:25:51 · 560 阅读 · 0 评论 -
vue中$bus.$emit和$bus.$on的用法温故
$bus. $emit、 $bus. $on 用于非父子组件之间通信。原创 2024-06-05 21:59:32 · 1280 阅读 · 2 评论 -
win10环境下nodejs安装过程
vue安装原创 2024-06-01 19:31:40 · 1373 阅读 · 0 评论 -
vue中组件间的请求传递方式
在vue中父组件传递请求给子组件、子组件传递请求给父组件、兄弟组件之间请求传递如何处理,下面进行简单的分析总结。子组件B使用 $emit派发事件,父组件A使用 $on监听事件;A和B、A和C是父子关系,B和C是兄弟关系,也可以扩展。emit派发事件,用 $on监听事件,包括父子、兄弟;父组件A通过props属性的方式向子组件B传递值;父组件A通过ref的方式向子组件B传递请求;1、父组件传递请求给子组件。2、子组件传递请求给父组件。原创 2022-12-08 21:19:46 · 830 阅读 · 0 评论 -
vue中watch和methods属性的用法
vue中watch是专门用来观察和响应vue实例上的数据变动的。被监听的数据:data中定义的数据;数据改变后的值:新值;数据改变之前的值:旧值;1、普通数据类型实例注意:当值第一次绑定的时候不会执行监听函数,只有当值改变的时候才会执行。如果我们想在第一次绑定的时候执行此监听函数,则需要设置immediate为true。2、对象类型实例注意:当需要监听对象的改变时,此时就需要设置deep为true。vue中methods是方法属性,在里面定义方法,语法如下:实例原创 2022-12-07 21:16:00 · 641 阅读 · 0 评论 -
vue中$bus的用法及$emit、$on、$off的使用
vue中 $bus 一般与 $emit、 $on、 $off 连用,一般用在任意组件间的通信,即 $bus 用来传递非父子关系的数据。如两个组件之间传递数据:子组件1子组件21、$emit2、$on注意:$emit 和 $on 的事件必须在一个公共的实例上,才能够触发。3、实例事件实例事件就是在构造器外部调用构造器内部的数据。4、实例在Student组件中提供数据给另一个School组件在School组件中使用事件总线,接收数据。School组件想接收数据,则在School组件中给 $bus绑原创 2022-12-06 22:12:10 · 11369 阅读 · 0 评论 -
vue中销毁定时器
vue是单页面应用,路由切换后,定时器并不会自动关闭,需要手动清除,当页面被销毁时,清除定时器即可。场景:在A.vue页面有一个定时a,然后跳转到B.vue页面,此时A页面的定时器a依然在运行。解决方式一:然后在mounted里使用定时器;最后在beforeDestroy里清除定时器;解决方式二:通过$once这个事件侦听器在定义完定时器之后的位置来清除定时器。解决方式三:原创 2022-12-03 19:30:00 · 6746 阅读 · 0 评论 -
vue基础概念
下面对vue的基础知识点进行记录。1、vue的生命周期就是vue实例从创建到销毁的全过程,即从main.js中的new Vue()开始,vue实例有一个完整的生命周期。原创 2022-10-27 16:02:51 · 941 阅读 · 0 评论