Skip to content

由vue脚手架修改过来,适合vue开发者使用,采用类vue的单文件组件书写,异步、嵌套路由

Notifications You must be signed in to change notification settings

hmhao/avalon2-webpack2-spa

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

avalon2-webpack2-spa

该项目不直接修改avalon2源码,只是在其基础上扩展。演示地址详细说明

说明

  • 整合avalon2和webpack2,支持webpack热更新
  • 兼容性支持IE8以下,IE8以下禁用热更新,需要手动刷新
  • 采用ES6、类vue的单文件组件书写 (avalon组件只使用defaults来定义组件VM的属性与方法,在书写时非常混乱)
  • 加入官网路由并改造,实现嵌套路由(使用ms-router-linkms-router-view),支持路由懒加载(参考)
  • 加入cookie_js、avalonx(状态管理)
  • 增加ref指令,父组件可通过$$ref引用子组件
  • 提供组件指令placeholder、tooltip、datepicker
  • 提供基于Bootstrap2的基础组件Accordion、Alert、Carousel、Datepicker、Dropdown、Grid、Modal、Pagination、Panel、Tabs、Tree、Typeahead(后续待补充其他)。使用方法查看 WIKI
  • 路由书写参考例子:router
  • 路由使用参考例子:Nav
  • 组件书写参考例子:Login

使用

命令             说明                     
npm run dev 开发模式运行项目(带热更新)
npm run build 构建生产环境代码

About

由vue脚手架修改过来,适合vue开发者使用,采用类vue的单文件组件书写,异步、嵌套路由

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published