当前位置:首页 > 技术文章 > web前端 > Vue.js

  • Vue-cli脚手架工具使用及项目配置说明
    Vue-cli脚手架工具使用及项目配置说明
    Vue-cli脚手架工具使用及项目配置说明随着前端技术的不断发展,前端框架也越来越受到开发者的关注。Vue.js作为前端框架的佼佼者,已经被广泛应用于各种Web应用的开发中。Vue-cli是Vue.js官方提供的一个基于命令行的脚手架,可以帮助开发者快速初始化Vue.js项目结构,让我们能够更专注于业务开发。本文将介绍Vue-cli的安装和
    Vue.js . web前端 1099 2023-06-09 16:05:08
  • Vue的10个最佳实践大全
    Vue的10个最佳实践大全
    Vue是目前较为流行的前端框架之一,在大量项目中得以广泛使用。但是,Vue的使用并不是一成不变的,如何使用Vue才能减少错误,提高开发效率呢?本文将介绍Vue的10个最佳实践原则,帮助开发者写出更加简洁、安全、易维护的代码。使用VueCLI创建项目创建Vue项目的最佳方式是使用VueCLI。VueCLI可以帮助你快速搭建一个包含各种模块的Vue项目。在
    Vue.js . web前端 1601 2023-06-09 16:05:00
  • 使用Vue2.0实现购物车购买的完整指南
    使用Vue2.0实现购物车购买的完整指南
    购物车购买是现代电商网站中最重要的功能之一,其完成贯穿了整个购物流程。Vue2.0是一种流行的JavaScript框架,它提供了许多便于开发购物车的工具。本篇文章将为您提供一份完整的使用Vue2.0实现购物车购买的指南。创建购物车对象首先,我们需要创建一个用于管理购物车中商品的对象。可以使用Vue2.0的data属性来声明这个对象并初始化一下:newVue
    Vue.js . web前端 1416 2023-06-09 16:04:53
  • Vue中使用axios发送异步请求方法详解
    Vue中使用axios发送异步请求方法详解
    Vue是一款极其流行的前端框架,而Axios则是目前比较受欢迎的前端异步请求库,本文将详细介绍在Vue中如何使用Axios发送异步请求。Axios的安装和使用Axios是一个基于Promise的HTTP客户端,用于发送异步请求。我们可以通过npm将其安装:npminstallaxios然后我们可以在Vue中使用它,首先需要在组件中导入:importax
    Vue.js . web前端 2501 2023-06-09 16:04:46
  • Vue最全学习资料汇总:文献、文档、博客、视频等
    Vue最全学习资料汇总:文献、文档、博客、视频等
    Vue是一款非常流行的JavaScript框架,它采用了MVVM模式,同时具有轻量、简单易学、高效等特点,深受前端开发者的喜爱。如果你也想学习Vue,那么本文将为您提供一些最全的学习资料,帮助您快速入门。Vue官方文献Vue官方文献包括了常见问题、API文档、组件指南、风格指南、插件等,可以作为入门必备资料,详尽的文字和图示说明了Vue的基本概念和使用方法。
    Vue.js . web前端 1422 2023-06-09 16:04:37
  • Vue.js实现登录验证的完整指南(API、JWT、axios)
    Vue.js实现登录验证的完整指南(API、JWT、axios)
    Vue.js是一种流行的JavaScript框架,用于构建动态Web应用程序。实现用户登录验证是开发Web应用程序的必要部分之一。本文将介绍使用Vue.js、API、JWT和axios实现登录验证的完整指南。创建Vue.js应用程序首先,我们需要创建一个新的Vue.js应用程序。我们可以使用VueCLI或手动创建一个Vue.js应用程序。安装axiosax
    Vue.js . web前端 2248 2023-06-09 16:04:30
  • Vue3侦听器watch的实现原理是什么
    Vue3侦听器watch的实现原理是什么
    watch的本质所谓的watch,其本质就是观测一个响应式数据,当数据发生变化时通知并执行相应的回调函数。实际上,watch的实现本质就是利用了effect和options.scheduler选项。如下例子所示://watch函数接收两个参数,source是响应式数据,cb是回调函数functionwatch(source,cb){effect(//触发读取操作,从而建立联系()=>source.foo,{scheduler(){//当数据变化时,调用回调函数cbcb()}})}如上面的代
    Vue.js . web前端 2889 2023-06-04 14:05:11
  • Vue3中的插件如何使用
    Vue3中的插件如何使用
    一、插件概述1.1插件简介插件是Vue.js中的一个重要组成部分,它可以让Vue.js更加灵活和高效。插件可以扩展Vue.js的功能,让Vue.js更加强大和易于使用。1.2插件的使用使用Vue.js插件非常简单,只需要在Vue.js应用程序中使用插件即可。通常情况下,需要在Vue.js应用程序的初始化配置中注册插件。例如:importVuefrom'vue'importVueLoaderPluginfrom'vue-loader-plugin&a
    Vue.js . web前端 2876 2023-06-04 10:11:59
  • vue3怎么实现H5表单验证组件
    vue3怎么实现H5表单验证组件
    效果图描述基于vue.js,不依赖其他插件或库实现;基础功能使用保持和element-ui一致,内部实现做了一些移动端差异的调整。当前构建平台使用uni-app官方脚手架构建,因为当下移动端大多情况就h6和微信小程序两种,所以一套代码跑多端十分适合技术选型。实现思路核心api:使用provide和inject,对应和。在组件中,内部用一个变量(数组)去将所有实例储存起来,同时把要传递的数据通过provide暴露出去;组件则在内部用inject去接收父组件提供过来的数据,最后把自身的属性和方法提交
    Vue.js . web前端 1605 2023-06-03 14:09:14
  • Vue3 pinia状态管理工具怎么使用
    Vue3 pinia状态管理工具怎么使用
    pinia是什么?这个是vue3新的状态管理工具,简单来说相当于之前vuex,它去掉了Mutations但是也是支持vue2的,尤大推荐。因为其logo像是一个菠萝,所以我们还称呼它为大菠萝。这个是vue3新的状态管理工具,简单来说相当于之前vuex,它去掉了Mutations但是也是支持vue2的,尤大推荐。因为其logo像是一个菠萝,所以我们还称呼它为大菠萝。安装命令npmipinia使用1、mian.js中引入pinia,全局注册import{createApp}from'
    Vue.js . web前端 1298 2023-06-03 13:09:39
  • Vue3中怎么使用watch监听对象的属性值
    Vue3中怎么使用watch监听对象的属性值
    Vue3中使用watch侦听对象中的具体属性1.前言//接受父组件传递的数据constprops=defineProps({test:{type:String,default:''}})//使用watch侦听props中的test属性watch(//这种写法不会侦听到props中test的变化props.test,()=>{console.log("侦听成功")})watch(//这种写法会侦听到props中test的变化()=>p
    Vue.js . web前端 7365 2023-06-03 13:09:34
  • Vue3可视化工具有哪些
    Vue3可视化工具有哪些
    1、PdfvuerDF查看器,使用Mozilla的PDF.js,支持Vue2和Vue3Pdfvuer-用于Vue应用中的一个PDF查看器,基于PDF.js封装。2、vue3-marquee无缝滚动组件3、Vue-ECharts百度ApacheECharts的Vue.js组件。配置参考Echarts官方,基于EChartsv5+开发,适用于Vue.js2/3。4、iconpark字节跳动出品,将一个SVG图标转化为多个主题,并生成React图标,Vue图标,svg图标IconPark图标库是一个通
    Vue.js . web前端 2795 2023-06-03 11:40:15
  • vue3响应式Proxy与Reflect如何使用
    vue3响应式Proxy与Reflect如何使用
    理解Proxy与Reflectvue3的响应式离不开Proxy,说到Proxy则离不开Reflect.这两个对象是ES6新增的对象,同时在编程领域,他们也代表着2种设计模式,即代理与反射。ProxyProxy可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须经过这层拦截,而我们就可以通过这层拦截去改变目标对象的内容或者行为,或者叫过滤和控制。这个词本意就是代理,好比一个代理人站在神奇,我们所有行为都会被他过滤,可能我们说的话,经过代理人一说,意思就变了。ES6原生提供Prox
    Vue.js . web前端 1715 2023-06-03 10:59:12
  • vue3+vite中如何使用vuex
    vue3+vite中如何使用vuex
    具体步骤:1、安装vuex(vue3建议4.0+)pnpmivuex-S2、main.js中配置importstorefrom'@/store'//hx-app的全局配置constapp=createApp(App)app.use(store)3、新建相关的文件夹与文件,这里配置多个不同vuex内部的js,使用vuex的modules来放不同的页面,文件,然后统一使用一个getters.jsindex.js核心文件,这里使用了import.meta.glob,而不
    Vue.js . web前端 1419 2023-06-03 09:10:07
  • 如何从零开始搭建vue3项目
    如何从零开始搭建vue3项目
    说明记录一次Vue3的项目搭建过程。文章基于vue3.2.6和vite2.51版本,使用了ui库Elementplus,vue-router4,Layout布局封装,axios请求封装,别名配置等。开始1.使用vscode开发工具安装vue3的插件Volar,在vue2中我们使用的是Vetur。vue3在线code工具传送门sfc.vuejs.org/2.执行初始化及安装命令:npminitvite初始化vite此过程可以输入项目名、选择vue/react项目及js/ts环境选择,vue3已经完
    Vue.js . web前端 5225 2023-06-02 17:34:50

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

非常淘 淘宝客源码

本源码是我用过最好的淘客站源码。对于新站长很用帮助。重要!!注意上传完程序后要先登陆后台修改域名,否则会跳转到后台已设置的域名。 使用方法1:将文件夹里面的文件上传至您的空间根目录(不要在本地测试,本地测试期间功能将被限制,首页模板显示不正常!)2:访问网址http://您的网址/admin 账号:admin 密码:admin3:填写您基本网站信息,以及重要的淘客相关信息 声明:本程序使用权是本人用钱从淘宝上买来的,经过自己修改而成。对本程序有兴趣的站长朋友如果要使用本程序,可以放到自己的网站上试试,如
电商源码
2025-11-22

贞龙网店商城电子商务系统java版

BIZOSS-B2C是脱胎于贞龙B2B大型平台的网上商城系统、网上商店系统、网上购物系统的企业级B2C电子商务解决方案。系统设置:这里包含了网店的常用功能和全局配置的开关。包括 商店设置 、支付方式和配送方式 、邮件服务器设置、地区列表、友情链接、自定义导航栏、站点地图。商品管理:网店展示商品的核心。其中包括了 商品分类、商品类型、商品品牌、商品回收站、商品上下架等一些设置。促销管理:这个是我们网店和会员进行进一步交互,给用户增加乐趣,也丰富我们网店的一个设置。可以拓展定制为祝福贺卡、团购活动、专题管理
电商源码
2025-11-22

中国物流配货供求网

货物信息,空车信息,专线车市场,供应信息,求购信息,代理加盟注,免费版不提供代理商申请及管理
电商源码
2025-11-22

凌夕网络QQ业务自助下单平台

凌夕网络QQ业务自助下单平台集成了所有的QQ业务下单,可以针对不同的业务选择不同的下单模板,模板可以自己添加,对于同一个QQ同一个业务,只有完成之后,才可以继续下单,对于不同的QQ或者不同的业务,不受此限制,每个业务都可以生成独立的卡密,用户可以直接通过卡密进行登录,并购买,无需注册,每一种卡密只能对应下单同种业务,不能对其他的业务进行下单操作,卡密登录之后,可以继续用卡密进行充值余额,手机电脑同步访问。更多功能可以查看演示网站。开发语言:JAVA开发框架:Struts2+Spring+Hibernat
电商源码
2025-11-22

INS风格感恩节模板设计下载

INS风格感恩节模板设计适用于感恩节INS模板设计 本作品提供INS风格感恩节模板设计的图片会员免费下载,格式为PSD,文件大小为30.4M; 请使用软件Photoshop进行编辑,作品中文字及图均可以通过软件修改和编辑;
psd素材
2025-11-22

浪漫地中海小镇旅行矢量图片

浪漫地中海小镇旅行矢量图片适用于地中海旅行等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-21

手绘返校季开学季矢量素材

手绘返校季开学季矢量素材适用于开学季等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-21

万圣节南瓜堆合集矢量素材

万圣节南瓜堆合集矢量素材适用于等相关视觉场景设计由AI生成的Ai格式素材。
矢量素材
2025-11-21

驾照考试驾校HTML5网站模板

驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-06-10

驾照培训服务机构宣传网站模板

驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-07

新鲜有机肉类宣传网站模板

新鲜有机肉类宣传网站模板是一款适合提供各种新鲜有机肉类食材宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06

HTML5房地产公司宣传网站模板

HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号