vuejs
文章平均质量分 75
Huang_xianlong
这个作者很懒,什么都没留下…
展开
-
npm、pnpm和yarn 的区别
包管理工具是JavaScript开发中不可或缺的一部分,它们可以帮助我们方便地安装、更新、删除和管理项目所依赖的各种库和模块。目前,最流行的包管理工具有npm、yarn和pnpm,它们各有各的特点和优劣势。本文将试着对这三个工具进行全面的对比。原创 2024-01-03 17:37:39 · 1291 阅读 · 0 评论 -
Vue3 封装组件库并发布到npm仓库
Vue3 封装组件库并发布到npm仓库原创 2023-11-23 14:48:09 · 2583 阅读 · 3 评论 -
Vue3 + 百度地图实现位置选择,获取地址经纬度
API文档地址:https://lbsyun.baidu.com/index.php?API文档地址:https://lbsyun.baidu.com/index.php?示例地址:https://lbsyun.baidu.com/index.php?示例地址:https://lbsyun.baidu.com/index.php?API文档地址:https://lbsyun.baidu.com/index.php?示例地址:https://lbsyun.baidu.com/jsdemo.htm。原创 2023-09-08 17:05:52 · 5444 阅读 · 7 评论 -
Pinia基础及使用方法
简单来说,Pinia是vueX的新版本,我们都知道Vuex在Vue2中主要充当状态管理的角色,所谓状态管理,就是一个存储数据的地方,存放在Vuex中的数据在各个组件中都能访问到,它是Vue生态中重要的组成部分。在Vue3中,可以使用传统的Vuex来实现状态管理,也可以使用最新的pinia来实现状态管理。Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。Pinia和Vuex的作用是一样的,它也充当的是一个存储数据的作用,存储在pinia的数据也允许我们在各个组件中使用。原创 2023-08-22 16:15:00 · 1696 阅读 · 0 评论 -
Vue3 实用的开发技巧
Vue3 实用的开发技巧原创 2023-08-02 14:41:48 · 681 阅读 · 0 评论 -
Vue3 的ref和reactive的用法和区别
ref和reactive是Vue3中用来实现数据响应式的API,一般情况下,ref定义基本数据类型,reactive定义引用数据类型。原创 2023-08-01 15:07:20 · 1896 阅读 · 0 评论 -
Vue3 项目实战 — Vue3记账本项目(前端Vue3,后端node.js)
本项目为高仿微信记账本 H5 项目(微信记账本是小程序),项目页面不多,但是涵盖了很多数据操作知识。使用 Vue3、Vite4、Pinia、Vant 当前主流技术栈开发。原创 2023-07-31 16:50:48 · 1023 阅读 · 1 评论 -
vue3 组件间通信的方式(setup语法糖写法)
vue3 组件间通信的方式(setup语法糖写法)原创 2023-07-03 11:33:21 · 421 阅读 · 0 评论 -
vue3 封装ECharts组件
前端开发需要经常使用ECharts图表渲染数据信息,在一个项目中我们经常需要使用多个图表,选择封装ECharts组件复用的方式可以减少代码量,增加开发效率。原创 2023-04-26 17:35:39 · 5603 阅读 · 5 评论 -
vue3中<script setup> 和 setup函数的区别
vue3中<script setup> 和 setup函数的区别原创 2023-04-22 17:29:05 · 1275 阅读 · 1 评论 -
Vue3 的基础使用(详细)
vue3的基础使用(详细)原创 2023-02-12 14:16:20 · 4254 阅读 · 0 评论 -
vue组件间的通信方式
一、组件间通信的概念组件是 vue 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互进行直接的引用,所以组件间的相互通信是非常重要的。通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上,任何信息的交通都是通信。组件间通信即指组件(.vue)通过某种方式来传递信息以达到某个目的。二、组件间通信的分类组件间通信的分类可以分成以下:父子组件之间的通信兄弟组件之间的通信跨代组件之间的通信非关系组件间之间的通信三、组件间通信的方案原创 2023-02-02 18:53:00 · 585 阅读 · 0 评论 -
vue.js 知识点(三)
vue和react相同,都是单项数据流,也就是只能从父组件流向子组件,但是因为根据引用的不同,子组件也是可以经过函数处理流向父组件的!这点跟react十分相似,但是也有不同:react:父组件流向子组件是直接在子组件引用中添加props,子组件可以接收到props内容;子组件更改父组件需要使用函数更改vue:父组件流向子组件通过在数据data(){ *** ,return 数据},子组件在接收到props的内容; 子组件更改父组件可以通过on和on和on和emit来更改主要来总结一下,子组件传递数据原创 2021-04-21 15:15:39 · 81 阅读 · 0 评论 -
vue.js 知识点(二)
关于vue看到有很多的知识点和react有很多相近的地方,比如说路由还有一些简单的运用,但是又有一些不同,比如格式、还有写法的一些不同!所以在这里我总结一下关于vue 关于路由的一些运用:路由:1、在总页面中设置路由以及参数名,例如{path:"/hellopage/:id",name:‘hellopage’,component:hellopage}2、在新页面进行配制文件,这样点击之后就会跳转到新的页面,有两种方式:一:通过路由跳转 :to="/路径/参数"二:通过点击按钮,触发原创 2021-04-20 21:53:28 · 107 阅读 · 0 评论 -
vue.js的知识点(一)
vue.js 是试图层的运用方法,跟react的方法类似,不过也有许多的不同地方:vue.js 对于数据也是用{{ }} 进行数据更新;vue.js 使用 v-html 指令用于输出 html 代码;v-bind: 用来控制html的属性值;例如更改class属性,v-bind:class;v-bind:href 可以简写为 :hrefv-on: 用来监听DOM事件;例如v-on:click = “clickhandle”;v-on:click = “message"原创 2021-04-14 15:43:46 · 91 阅读 · 0 评论 -
vuejs中三种for循环与高阶函数(filter、map、reduce)的使用
for循环的三种用法第一种是我们平常用的最多的for循坏 如: 普通的for循环 ,显得繁琐,i为for为数组赋予的序号let totalPrice = 0 for (let i = 0; i < this.books.length; i++) { totalPrice += this.books[i].price * this.books[i].count}第二种for in 循坏,in对应的是数组对象名字,i 也是数组的序号let totalPrice = 0原创 2021-04-12 21:30:03 · 1543 阅读 · 1 评论