文章 2024-10-10 来自:开发者社区

vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】

@[toc] node_modules文件夹:项目依赖文件夹public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件夹中的静态资源,在webpack打包时,会原封不动的打包到dist文件夹中。src文件夹(程序员源代码文件夹)...

vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】
文章 2024-10-10 来自:开发者社区

vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】

@[toc] 2.项目的其他配置 2.1 项目运行时,让浏览器自动打开 在package.json中更改script项,改为如下代码,只是在"serve"后面多添加了--open而已 "scripts": { //在后面添加 --open "serve": "vue-cli-...

vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】
文章 2024-10-10 来自:开发者社区

vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】

@[toc] 项目介绍:此项目是基于vue2的前台电商项目和后台管理系统 1) 此项目为在线电商Web App (SPA) 2) 包括首页, 搜索列表, 商品详情, 购物车, 订单, 支付, 用户登陆/注册等多个子模块 3) 使用Vue全家桶+ES6++Webpack+Axios等前端最新最热的技术 4) 采用模块化、组件化、工程化的模式...

vue尚品汇商城项目-day00【项目介绍:此项目是基于vue2的前台电商项目和后台管理系统】
文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day01【3.项目路由的分析】

@[toc] 安装命令:cnpm install --save vue-router vue-router 前端所谓路由:kv键值对key:URL(地址栏中的路径)value:相应的路由组件注意:本项目是上中下结构 路由组件: Home首页路由组件、Search路由组件、login登录路由、Register注册路由 非路由组件: HeaderFooter 在首页、搜索页有,但...

vue尚品汇商城项目-day01【3.项目路由的分析】
文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】

@[toc] 4.完成非路由组件Header与Footer业务 在咱们项目开发中,不在以HTML + CSS 为主,主要搞业务、逻辑开发项目的流程:(1)书写静态页面(HTML + CSS)(2)拆分组件(3)通过axios获取服务器的数据,动态展示(4)完成相应的动态业务逻辑 注意点1:创建组件的时候,组件结构+组件的样式+图片资源 注意点2:本项目采用的是less样式,浏览器不识别less样....

vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day01【5.路由组件的搭建】

@[toc] 5.路由组件的搭建 安装vue-router命令: npm install --save vue-router@3.5 在上面分析的时候,路由组件应该有四个:Home、Search、Login、Register components文件夹:经常放置的是非路由组件(共用的全局组件) pages|views文件夹:经常放置路由组件 可能报错: 问题1:安装路由时报错如图...

vue尚品汇商城项目-day01【5.路由组件的搭建】
文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】

@[toc] 6.Footer组件的显示与隐藏 显示或者隐藏组件 Footer组件:在Home、Search显示Footer组件 Footer组件:在登录、注册时候隐藏 6.1我们可以根据组件身上的$route获取当前路由的信息,通过路由路径判断Footer显示与隐藏 方式1:(不推荐):通过$route.path判断符合的才显示,弊端是万一有100个路径我一直拼接下去?那写的也太长了,...

vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】
文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day01【7.路由传参】

@[toc] 7.路由传参 7.1路由跳转有几种方式? 比如:A -> B 声明式导航:router-link(务必要有to属性),可以实现路由的跳转。 编程式导航:利用的是组件实例的$router.push|replace方法,可以实现路由的跳转。(可以书...

vue尚品汇商城项目-day01【7.路由传参】
文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day02【vue插件-13.nprogress进度条的使用】

@[toc] 13.nprogress进度条的使用 安装命令:npm install --save nprogress start:进度条开始 done:进度条结束 注意点1:进度条颜色可以修改的,当然需要修改人家的样式。 问题:那这个进度条功能应该放在哪里好呢? 答案ÿ...

vue尚品汇商城项目-day02【vue插件-13.nprogress进度条的使用】
文章 2024-10-09 来自:开发者社区

vue尚品汇商城项目-day02【14.vuex状态管理库】

@[toc] 14.vuex状态管理库 14.1vuex是什么? vuex是官方提供的一个插件,状态库管理,集中式管理项目组间共用的数据。 切记:并不是全部项目都需要vuex,如果项目很小,完全不需要vuex,如果项目很大,组件很多,数据很多,数据维...

vue尚品汇商城项目-day02【14.vuex状态管理库】

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注