Vue
文章平均质量分 83
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。
无良小老板
命里有时终须有,命里无时莫强求
展开
-
Vue 中简易封装网络请求(Axios),包含请求拦截器和响应拦截器
Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.jsAxios官方中文文档。原创 2023-11-21 16:26:37 · 800 阅读 · 0 评论 -
基于Vue3在线商城(Vue3+VueCLI+VueRouter+vuex+axios+Bootstrap)
基于Vue3在线商城(Vue3+VueCLI+VueRouter+vuex+axios+Bootstrap)点击系统页面“我的购物车”、“我的订单”、“加入购物车”功能按钮。5、点击结算按钮后,会移除购物车内所选的商品,留下未勾选的商品。上学期期末的实训项目,现在都快开学了,现在才将其分享出来,2、对某类商品进行数量增减进行操作,小计价格随之变化。的Mock Servers进行部署API。虽然和之前的那个javaweb商城好些了,1、对商品收货人的姓名、地址进行修改。4、计算勾选商品的数量,总价。.....原创 2022-08-31 09:33:01 · 6868 阅读 · 11 评论 -
Vue使用双向绑定实现用户注册页面
使用双向绑定实现用户注册页面效果图展示代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://unpkg.com/vue@next"></script> <style type="text/css"> #app{ height:原创 2022-04-28 10:45:34 · 546 阅读 · 0 评论 -
使用计算属性实现购物车功能效果(商品数量增减、单选多选计算金额和总价,)
使用计算属性实现购物车效果(商品数量增减、单选多选计算金额和总价,)涉及知识:Vue 基本指令Vue 计算属性使用 Vue 的基础语法知识,包括插值表达式与数据绑定、常用指令、计算属性等实现购物车的数据展示效果。效果图展示代码实现使用v-for循环,实现展示购物车效果<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name原创 2022-03-23 22:26:13 · 2483 阅读 · 1 评论 -
使用Vue指令实现数据展示,小米商城商品展示
使用Vue指令实现数据展示,小米商城商品展示涉及知识:(1)插值绑定(2)实例创建(3)常用指令效果展示代码代码gitee下载:https://gitee.com/yuhaowen/vfor_phone.gitHTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>实验 2 使用 Vue 指令实现数据展示 </title> &l原创 2022-03-22 21:32:31 · 2726 阅读 · 0 评论 -
使用Vue指令实现下拉菜单效果
使用Vue指令实现下拉菜单效果模仿重庆红岩历史革命博物馆官网的导航栏内容和效果,使用Vue实现。官网地址如下:https://www.hongyan.info/官网效果效果图片展示代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&原创 2022-03-19 08:50:34 · 7207 阅读 · 2 评论 -
Vue学习笔记(二)[模板语法之内置指令,自定义指令]
Vue学习笔记(二)[模板语法之内置指令、自定义指令]往期回顾Vue学习笔记(一)[模板语法、数据绑定、MVVM模型]内置指令v-show带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 display CSS property。注意,v-show 不支持 <template> 元素,也不支持 v-else。<div id="app"> <!-- <div v-show="isShow">你好原创 2022-03-18 17:08:31 · 442 阅读 · 0 评论 -
Vue学习笔记(一)[模板语法、数据绑定、MVVM模型]
Vue学习总结(一)Vue介绍Vue.js(/vjuː/,或简称为Vue)渐进式JavaScript 框架是一个用于创建用户界面的开源Model–view–viewmodel前端JavaScript框架,也是一个创建单页应用的Web应用框架。Vue官网:https://v3.cn.vuejs.org/搭建Vue开发环境安装Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。将 Vue.js 添加到项目中主要有四种方式:1.在页面上以 CDN原创 2022-03-06 17:10:56 · 475 阅读 · 0 评论