开发中总会遇到这种下拉加载的设计方案,Vue实现下拉加载最佳方案自然是使用vue-infinite-scroll来实现。接下来我们一起看下它的配置及使用方式。首先我们先了解下他的配置参数:v-infinite-scroll="loadMore"表示回调函数是loadMoreinfinite-scroll-disabled="busy"表示由变量busy决定是否执行loadMore,false则执行
Test1.vue <template> <div class="test1"> <h1>This is a test1 page</h1> <Test1Top></Test1Top> <Test1Center></Test1Center> <Test1Bottom></Test1Bottom> < ...
转载 2021-08-29 19:53:00
194阅读
2评论
<template> <div class="module-wrap"> <!-- 使用$props访问props --> XX模块开发中... <!-- 使用子组件 --> <ModuleA /> </div> </template> <script setup> // 组合式API写法 impo
原创 6月前
105阅读
引入vuex1.利用npm包管理工具,进行安装 vuex。在控制命令行中输入下边的命令就可以了。npm install vuex--save需要注意的是这里一定要加上 –save,因为你这个包我们在生产环境中是要使用的。pack.json里生产环境和开发环境查看  vuex 安装情况。2.新建一个vuex文件夹(这个不是必须的),并在文件夹下新建store.js文件,文件中引入我们的vu
Vue3Vue3中的hooks函数示例
原创 2022-08-28 00:01:21
352阅读
以下是一个完整的Vue3父子组件通信示例,包含参数传递、事件触发和方法调用: 父组件 ParentComponent.vue <templat
原创 6月前
166阅读
现阶段开发 vue3 项目使用 vite + ts 应该已成为标准范式了吧,新的语法体验 vue composition api 再配合 script setup 谁用谁知道啊,开发和构建方面,vite 作为下一代构建工具,想必大家也有所了解,使用 ES6 module + ESbuild 支持本地开发,速度和效率起飞啊,就一个字——爽,对于 TypeScript,感觉都没必要说了,现在还没上车的
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、vue-devtools是什么?二、vue-devtools安装1.下载vue-devtools工具2.安装vue-devtools工具三、vue-devtools的使用总结 前言主要介绍vue-devtools的安装与使用。一、vue-devtools是什么?vue-devtools是一款基于chrome游览器的插
简单实现vue的登录页面
原创 9月前
972阅读
teleportteleport可以让我们的子组件DOM不用嵌套在父组件的DOM中,但又可以继续访问父组件的值和方法子组件,用teleport包裹,
原创 2022-07-06 16:41:57
69阅读
compute
原创 2022-08-28 00:01:19
264阅读
# Vue 3 + TypeScript 封装 Axios 的过程示例 在现代前端开发中,HTTP 请求是应用程序与后端交互的重要部分。Axios 是一个流行的异步HTTP请求库,支持 Promise API,并且对于 TypeScript 的支持很好。本文将详细介绍如何在 Vue 3 项目中使用 TypeScript 封装 Axios,并提供相应的代码示例和使用场景,以便更好地理解这一过程。
原创 2024-08-14 05:27:49
275阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
【代码】【Vue3Vue3中实现下拉框中的动态绑定示例
原创 2023-05-13 00:30:29
1299阅读
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
Vue3
原创 3月前
48阅读
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少 使用Proxy代替defineProper
原创 2024-07-21 09:24:38
146阅读
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] A --> D[如何引入vue3] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少
原创 精选 2024-08-05 15:03:53
230阅读
  • 1
  • 2
  • 3
  • 4
  • 5