用vue2.0搭配vue-router搭建的单页面应用vue-trip出行webapp

最新推荐文章于 2024-09-17 13:42:29 发布

weixin_34038652

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量135

点赞数

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000007899241

版权

vue-trip出行webapp使用到的知识点

vue2.0
vue-router
vuex
vue-resource
mint-ui

vue-trip是楼主最近做的一个vue练手项目，数据来源都是apistore，具有查看和微信热门文章，查看全国各地的天气以及搜索全国各地热点的功能，是通过vue-router搭配而成的一个单页面应用。组件之间的通信使用的是vuex，动画效果使用的是animate.css

首页效果

天气效果

最后附上github vue-trip

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34038652

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

一个vue2.0+vuex+vue-router搭建的单页潮流购物网站

前端说

02-12

7744

项目demo地址 github源码地址首页如果觉得不错，给github源码点个赞吧QAQ前言这篇文章是总结自己写项目时的思路，遇到的问题，和学到的东西，本文只截取一部分来讲，源码已奉上，觉得项目还行的点个赞吧，谢谢一、搭建环境安装vue-clinpm install -g vue-cli 创建webpack项目 vue init webpack vogue cd vogue 安装依赖npm i

vue项目travel：11-city页面路由配置和头部制作

simoon's的博客

05-10

280

首先，应该完成路由的配置，具体如下：路由配置好以后，应该创建相应的页面了。如下：头部布局：效果如下：

参与评论您还未登录，请先登录后发表或查看评论

vue-router教程一（安装篇）

weixin_30553837的博客

06-08

281

Installation安装 #直接下载/cdn https://unpkg.com/vue-router/dist/vue-router.js Unpkg.com提供基于NPM的CDN链接。上述链接将始终指向NPM的最新版本。您还可以通过https：//unpkg.com/vue-router@2.0.0/dist/vue-router.js.这样的URL使用特定的版本/标记。在VUE...

vue插件大全汇总赶紧收藏下留着以后看！

sunway33的博客

08-17

772

原文地址：http://tangjiusheng.com/vue/155.html Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 U

Vue常用组件库集合---kalrry

kalrry

01-08

3246

Vue.js常用插件集合---kalrry前言一、Vue.js UI组件二、Vue.js开发框架三、Vue.js实用库四、Vue.js服务端五、Vue.js辅助工具六、Vue.js应用实例七、Vue.js Demo示例八、详细分类01、UI组件及框架02、滚动scroll组件03、slider组件40、编辑器05、图表06、日历07、地址选择08、地图09、播放器10、文件上传11、图片处理12、提示13、进度条14、开发框架汇总15、实用库汇总前言 Vue是主流的前端框架，Vue.js常用插件可以提升开

vue-demo-kugou：酷狗webapp演示（vue2.0 + vue-router + vuex）

02-23

总结，vue-demo-kugou项目展示了Vue.js如何结合Vue Router和Vuex构建一个功能完善的Web应用，通过组件化开发实现模块化，利用现代前端工具链进行高效开发和部署。对于初学者，这是一个了解和学习Vue.js实践应用的好...

使用Vue2.0+vue-router+vuex写的知乎.zip

09-05

通过学习这个项目，我们可以深入理解如何利用Vue2.0的组件系统构建复杂应用，如何用vue-router管理页面路由，以及如何借助vuex进行高效的状态管理。同时，对于想要从事Web开发或对前端技术有兴趣的人来说，这是一个...

vue-h5-router-webapp.zip

09-24

Vue-H5-Router-Webapp 是一个基于 Vue.js 框架和 Vue Router 的前端单页应用程序（SPA）模板，适用于构建现代Web应用。这个压缩包 "vue-h5-router-webapp.zip" 包含了一个完整的项目，下载后可以直接运行，为开发者...

vue-router实现webApp切换页面动画效果代码

08-30

本篇文章主要介绍了使用 Vue Router 实现 webApp 页面切换动画效果的实例代码。下面将详细介绍实现该动画效果的知识点。一、为什么需要实现页面切换动画效果在 webApp 中，页面之间的切换是非常常见的操作。为了...

【JavaScript】LeetCode：707设计链表

weixin_45980065的博客

09-14

660

【代码】【JavaScript】LeetCode：707设计链表。

前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）

m0_51798113的博客

09-17

333

getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。

使用 uni-app 开发微信小程序的详细指南

2301_79685859的博客

09-16

766

uni-app是一个使用 Vue.js 框架开发跨平台应用的前端框架。开发者通过编写一套代码，可以生成多端应用，包括 H5、iOS、Android、微信小程序、支付宝小程序、字节跳动小程序等。

记录开发一个英语听力训练网站

业余程序员Blue的博客

09-14

664

目前只导入了雅思历年真题的听力音频，作为我日常练习英语听力的素材足够了。网站的主要功能其实就是英语句子精听，核心目的就是反复听每一句话，直到听懂为止，我觉得听力训练也没有太多技巧可言，就是老老实实地坚持去听，所谓网上经常说的“磨耳朵”吧。基于此，听力页面主要功能有：播放/暂停、上一句/下一句、播放次数选择、播放倍速选择、字体大小选择、是否显示原文、是否显示译文、是否自动播放下一句。而这些功能，基本上都是页面js操作。

Vue接入高德地图并实现基本的路线规划功能

黄团团的个人博客

09-11

571

找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。

基于python+django+vue的旅游网站系统