Vue中的Computed计算属性 computed计算属性主要用于对已有数据进行重新计算,计算完成之后会把计算后的数据存入缓存,在下次进行调用的时候,会先对比一下数据有没有变化,如果说没有变化的话,就会直接从缓存内读取出来数据,避免重复计算,浪费性能... AsyncVue2024-11-24528 阅读0 评论
Vue动态组件绑定 有些时候,我们需要好几个组件进行来回切换,那么我们就需要借助Vue的<compoenent>元素和:is属性进行操作,下面开始演示。父组件<template> <div cla... AsyncVue2024-11-24436 阅读0 评论
Vue中的插槽Slot使用方法和具名插槽 单个插槽的使用方法父组件<template> <Slot> <p>我是插入内容</p> </Slot></template&... AsyncVue2024-11-23435 阅读0 评论
Vue使用props父组件向子组件动态传递数据 props是父组件传递给子组件的自定义属性,允许父组件向子组件传递数据。子组件通过声明props来接收这些数据,并在自己的模板或组件逻辑中使用这些数据。父组件<template><Paren... AsyncVue2024-11-23410 阅读0 评论
Vue子组件如何$emit传递数据给父组件 实现方法:$emit:主要用于子组件传递数据或事件给父组件想要让子组件的数据传递给父组件,需要借助$emit方法还有函数进行传递,首先子组件的事件通过$emit方法绑定父组件创建的函数,并传递数据过去,之后在父组... AsyncVue2024-11-23458 阅读0 评论
Vue中ref的作用,ref带:和不带:的区别 ref的主要作用1.用于获取DOM元素2.获取子组件实例以上仅适用于Vue2ref带:和不带:的区别1.带: (静态绑定)解释:静态绑定 意味着它在模板编译阶段就已经确定好了要绑定的引用名称,不会随着组件数据或状... AsyncVue2024-11-23466 阅读0 评论
Vue常见事件整理(实例) ˂a name="1. 点击事件:" class="reference-link" href="#"˃1. 点击事件:<template> <button @click="handl... AsyncVue2024-11-23258 阅读0 评论
Vue事件绑定 v-model 数据绑定```vue<script>export default { data() { return { message: '' } }, methods:... AsyncVue2024-11-23275 阅读0 评论
Vue的事件修饰符 .stop 阻止事件冒泡```html<template> <div @click=”handleParent”> <button @click.stop=”handleChil... AsyncVue2024-11-23287 阅读0 评论
如何创建一个vue应用 现将镜像源更换为国内的。npm config set registry https://registry.npmmirror.com通过下述指令查看是否更换成功npm config get registr... AsyncVue2024-11-21277 阅读0 评论