Vuejs

2024-06-24Dvien阅读(2402)评论(0)赞(1)

在Vue文件中，<script setup>是一个编译时的特性，它允许你写更简洁的组件代码。使用<script setup>，你可以直接在模板中使用组件的ref、reactive、computed和methods，无...

2023-12-10Dvien阅读(2941)评论(0)赞(1)

1、ref推荐定义基本数据类型(ref值也可以是对象，但是一般情况下是对象直接使用reactive更合理)。 2、在 vue 的模板中使用 ref 的值不需要通过 value 获取 （vue 会通过自动给 ref 的值加上 .value）。...

2023-12-10Dvien阅读(3661)评论(0)赞(1)

在vue2中，v-for和v-if不能一起使用的原因主要是两者存在渲染顺序的冲突。v-for的优先级高于v-if，这意味着在每次循环迭代时，v-if的条件判断都会执行一次，这可能会导致在有大量数据和复杂条件逻辑的情况下性能消耗较大，甚至出现...

2023-01-07Dvien阅读(4250)评论(0)赞(0)

首先看一下vue-lazyload的使用 1. 在项目中 安装模块 vue-lazyload 模块 npm install vue-lazyload –save 2. 在 main.js 中 导入该模块 并 配置使用 3. 在 ...

2023-01-06Dvien阅读(3073)评论(0)赞(1)

首先看一下声明式导航与编程式导航 声明式导航: 声明式导航是写在template标签里，通过<router-link></router-link>标签来触发: 编程式导航： 编程式导航是在js代码进行跳转的操作。使用...

2023-01-06Dvien阅读(2937)评论(0)赞(1)

一. params方式： 类似于post请求，传递的数据不会在浏览器地址显示 params路由传参分为三步： （1）绑定参数 （2）发送数据 （3）接收数据 在路由页面使用this.$route.params.web接收传递过来的参数 使用...

2023-01-05Dvien阅读(3809)评论(0)赞(1)

vue项目安装依赖提示如下错误： 解决方案 在安装内容的命令后面加上 在NPM v7中，现在默认安装peerDependencies。在很多情况下，这会导致版本冲突，从而中断安装过程。--legacy-peer-deps标志是在v7中引入的...

2022-10-16Dvien阅读(2849)评论(0)赞(0)

在vuejs中，v-for 的使用是比较常见的，它允许您在模板代码中编写for循环。那么在使用v-for的时候，可曾思考过使用这个指令的一些技巧吗？在介绍它的使用技巧之前，我先介绍下它的基本用法吧，在vue中v-for可以遍历数组、对象、字...

2022-09-28Dvien阅读(7382)评论(0)赞(1)

今天调试支付宝小程序时报错： 引起报错的代码行是： 打印this.$refs是有内容的，但是为什么出错？ 好了，暂不问报错原因，直接上解决方法： 由于 this.$refs可以获取到，因此可以断定支付宝小程序中是可以使用 ref，并通过 t...

2021-11-10Dvien阅读(2933)评论(0)赞(1)

1、module.exports module变量代表当前模块。这个变量是一个对象，module对象会创建一个叫exports的属性，这个属性的默认值是一个空的对象： module.exports = {}; 例子：app.js modul...