美文网首页JAVASCRIPTVue.js专区vue
vue新手入门demo vue2.0+vue-router+vu

vue新手入门demo vue2.0+vue-router+vu

作者: WS林海峰 | 来源:发表于2016-11-12 22:09 被阅读6675次

vue新手学习的一个项目 宠物领养

前端所用的是vue2.0+vue-router+vuex

webpack的配置之前是自己写的，但看过vue-cli后觉得那个更好，所以就用vue-cli webpack-simple那个，个人建议新手还是用simple的版本好点

数据的话暂时还没做后端，所以用mock.js模拟

下面是webapp部分截图

github地址：https://github.com/jamielhf/vue/tree/master/pet

运行：npm run dev

注：因为webpack的版本不一样，我本地用的是2.1.0-beta.25，但是在2.1.0-beta.26的时候就报错了，还有webpack-dev-server的版本也一样，所以现在暂时固定在我本地稳定跑的两个版本，再去看看是否有兼容上的问题。

原文地址：

http://www.jamielhf.cn/?p=218

相关文章

网友评论

  • JackyLF:真的好想学vue
  • 2923387de05b:请问一下simple版本的如何打包？
    WS林海峰:打包的话运行 npm run build
  • 5c8af5f2ef1a:demo写的好，正好要学学入门知识，练习用非常好。谢谢楼主！！！
  • 夏风轻语:写的很棒，学习啦~ :smile:
    WS林海峰:@夏风轻语 现在应该是要用到babel-core这个。 你看我的package.json文件，依赖了
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-preset-es2015": "^6.0.0",这三个，如果你npm太慢的话可以用淘宝的镜像cnpm
    夏风轻语:@WS林海峰 我进入pet目录运行了下，说找不到 babel，我又安装了下babel，再运行报“Module build failed: Error: The node API for `babel` has been moved to `babel-core`.”，请指教一下哈
    WS林海峰:@夏风轻语 谢谢，谢谢，一起学习 :smile:
  • Toly:支持下。。。
    WS林海峰:@悲伤之人亦有悲伤之事 谢谢

本文标题：vue新手入门demo vue2.0+vue-router+vu

本文链接：https://www.haomeiwen.com/subject/enwqpttx.html

延伸阅读

深度阅读

  • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

栏目导航

热点阅读

JAVASCRIPT

Vue.js专区

vue

关于我们|服务条款|联系我们|vue新手入门demo vue2.0+vue-router+vu|投稿指南|网站地图|RSS订阅|排版工具|手机版

提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！