当前位置: 首页 > 软件库 > Web应用开发 > Vue 组件 >

Vue-rap

构建基于 Vue 的单页面应用
授权协议 Apache-2.0
开发语言 JavaScript
所属分类 Web应用开发、 Vue 组件
软件类型 开源软件
地区 国产
投 递 者 督俊雅
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

概述

Vue-rap可以在不使用大量前端工具(如npm,webpack,Browserify等)的情况下快速构建基于Vue的秒速打开边用边下载的流应用(单页面应用);

优点

  • 依赖小(只需要引用 vue 就可以了),学习成本低,上手快

  • vue-rap拥有类似 .vue 的单页面组件;

  • vue-rap拥有可以方便使用的路由系统,路由秉承约定大约配置,可以快速路由,无限拓展;

  • vue-rap拥有强大的缓存机制,应用支持秒级打开,边使用边下载,可以使用 vue-rap 构建流应用;

查看文档

DEMO

下载源码后部署项目 然后直接访问 http://域名/example/admin.html

或直接访问线上 demo http://tengzhinei.gitee.io/vue-rap/example/admin.html

  • 为什么要学vue 开发快速,效率更高 企业开发都在使用,使用范围广大 前端工程师必会的技能 vue是什么 vue是一个渐进式的JavaScript框架 渐进式: 逐渐增强,通过逐步学习,集成更多的功能 库和框架 库: 一些方法和属性的集合,每次调用方法,实现一个特定的功能 例如: moment axios 框架: 一套完整的项目解决方案,框架实现了大部分功能,需要安照框架规则写代码 例如:

  • ue-rap 详细介绍 概述 Vue-rap可以在不使用大量前端工具(如npm,webpack,Browserify等)的情况下快速构建基于Vue的秒速打开边用边下载的流应用(单页面应用); 优点 依赖小(只需要引用 vue 就可以了),学习成本低,上手快 vue-rap拥有类似 .vue 的单页面组件; vue-rap拥有可以方便使用的路由系统,路由秉承约定大约配置,可以快速路由,无限拓展; v

  •       前几年前端还是 html+css+js 简单的配合,还记得那几年公司招前端要求很低,工资开的也低,前端需要学习的东西很低,一个新人(特别是刚出来的应届毕业生)只需要简单的培训下就可以快速进入公司前端的工作;       这几年不同了,新的技术全部出来了Angularjs,Vue,Rect,npm,webpack,Browserify,ES5,ES6,SASS拓展,不学会这么多新的技术都

  • 语法: @Prop(options: (PropOptions | Constructor[] | Constructor) = {}) 参数说明: @Prop装饰器接收一个参数,这个参数可以有三种写法: Constructor 例如String,Number,Boolean等,指定 prop 的类型; Constructor[] 指定 prop 的可选类型;

  • 1.vue组件 vue组件是vue.js中最强大的功能之一,可用来扩展html元素,封装可重用的代码 (1)全局注册 Vue.component(‘my-component-name’, { /* … */ }) (2)局部注册就是在对象内注册 vue父子组件的通信是最常见的通信方式 (3)组件树 使用组件实例选项components注册,实现组件树的效果 (4)模板分离  在script标签里使

  • 1. prop的大小写 HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名: Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 p

  • 新建xxx.vue文件,必须为首字母大写 文件页面:src-views-(可新建目录)-Demo.vue src-router-index.ts(页面添加) children: [ { { path: '/test', component: () => import('../views/

  • #props 用于接收来自父组件的数据(子组件期待获得的数据) 类型:字符串数组或者object e.g. 数组:props: ['size', 'myMessage'] 对象: props: { // 只检测类型 height: Number, // 检测类型 + 其他验证 age: { type: Number, default: 0,

  • 最近做项目使用的是RAP1的接口,但是昨天开始,RAP1 出现了问题,接口都不能用了。 所以补充一下Mock.js的用法,以便在这种突发的情况时候时自己通过Mock的方式来处理接口。 npm init npm init是用来装package.json的 npm init --yes安装一个默认的package.json 在安装一个要打包到生产环境的安装包时,你应该使用npm install —sa

  • 你是陪我到老的女人 我们没有在一起 感谢 我爱她 爱的可能 夏天 清明上河图 我们的纪念 我应该去爱你 我的快乐 感谢华健 空心 雨中的恋人们 记念 不再联系 单车dj 情人知己 以后别做朋友 春夏秋冬的你 敢爱敢做 你是对的人 空 怎么能忘了 光明dj 逝去的爱 爱,存在 问 不必在乎我是谁 让我欢喜让我忧 这就是爱吗 美丽女人 原来你也在这里 第一次爱的人 好可惜 小永远 21 时光背面的我 

  • npm install vue-router (或者指定版本号npm i vue-router@3.5.2 -S) App.vue <template> <div id="app"> <!--<img alt="Vue logo" src="./assets/logo.png">--> <!--<HelloWorld msg="Welcome to Your Vue.js Ap

 相关资料
  • 本文向大家介绍基于vue的fullpage.js单页滚动插件,包括了基于vue的fullpage.js单页滚动插件的使用技巧和注意事项,需要的朋友参考一下 基于vue的fullpage.js使用方法,供大家参考,具体内容如下 功能概述 可实现移动端的单页滚动效果,支持横向滚动和纵向滚动 兼容性 目前还未进行大规模兼容性测试。有bug请提问至issues 安装 commonjs 或 文档 api文档

  • 本文向大家介绍用vue构建多页面应用的示例代码,包括了用vue构建多页面应用的示例代码的使用技巧和注意事项,需要的朋友参考一下 最近一直在研究使用vue做出来一些东西,但都是SPA的单页面应用,但实际工作中,单页面并不一定符合业务需求,所以这篇我就来说说怎么开发多页面的Vue应用,以及在这个过程会遇到的问题。 这是我放在GitHub上的项目,里面有整个配置文件,可以参看一下:multiple-vu

  • 概况 背景 看到项目上的移动框架,网上寻找了一下,发现原来这些一开始都有。于是,找了个示例开始构建一个移动平台的CMS——墨颀 CMS,方便项目深入理解的同时,也可以自己维护一个CMS系统。 Showcase GitHub: http://github.com/phodal/moqi.mobi Demo: 墨颀 CMS jQuery + Backbone + UnderScore + Requir

  • 本文向大家介绍vue中SPA单页面应用程序详解,包括了vue中SPA单页面应用程序详解的使用技巧和注意事项,需要的朋友参考一下 一、SPA的概述 SPA(single page application)单页面应用程序,在一个完成的应用或者站点中,只有一个完整的html页面,这个页面有一个容器,可以把需要加载的代码片段插入到该容器中。 SPA的工作原理:   eg:  http://127.0.0.

  • 本文向大家介绍vue-cli构建vue项目的步骤详解,包括了vue-cli构建vue项目的步骤详解的使用技巧和注意事项,需要的朋友参考一下 构建一个 vue 项目最简单的方式就是使用脚手架工具 vue-cli 。前端的三大框架都有自己的脚手架工具,其作用就是用配置好的模板迅速搭建起一个项目工程来,省去自己配置 webpack 配置文件的基本内容,大大降低了初学者构建项目的难度。这节我们看看如何使用

  • 本文向大家介绍Vue单页及多页应用全局配置404页面实践记录,包括了Vue单页及多页应用全局配置404页面实践记录的使用技巧和注意事项,需要的朋友参考一下 前后端分离后,控制路由跳转的责任转移到了前端,后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目,均采用vue作为基础框架,一个是SPA应用,另一个是多页应用,均由前端进行路由控制及渲染的。 总体思路 无论单页还是