vuejs-start

vue2 从头再来

技术栈

• vue2
• webpack2 && tree shaking
• Fetch
• vue-router@next
• vuex@next
• ssr
• stream render
• express

vue2文档

• 官方RC文档

http://rc.vuejs.org

• 中文文档

http://vuefe.cn (逐步更新...)

vue2 启航注意点

https://github.com/dingyiming/vuejs-start/issues/10

webpack2

• 入坑注意 https://github.com/dingyiming/vue2-start/issues/9

• 最新webpack2 && babel 实现tree shaking demo https://github.com/dingyiming/vue2-start/issues/12

单元测试 - 起步

• https://github.com/dingyiming/vue2-start/issues/25
• https://github.com/dingyiming/vue2-start/tree/unit-test

规范

• https://github.com/dingyiming/vue-pure/blob/dev/README.md

vue2起手式

逐步搭建vue2全家桶 // 先逐步进展，较完善后进行详细解说

vue2 webapp模板生成

基于 vue-cli自定义模板 ， https://github.com/dingyiming/template

npm i -g vue-cli

vue init dingyiming/template#vue2-webapp myprojectname

vue2 && vue-router@next

• npm i vue-cli -g
• vue init webpack-simple-2.0 vuejs-start
• cd vuejs-start && npm install
• npm run dev (http://localhost:8080)
• npm i vue-router@next

做个简单的注册登录页面

• 目标界面
• 拆分组件
• 做点纯组件
• 赋予组件不同样式的能力
• 尝试两套样式
• 可以切换主题啦
• 简单完结小示例 -> 仓库链接
• 深化，直接写样式，点击生成，完成样式（待考虑）

WebAPP (H5) 组件库实践 2016.09.14

• vue-pure

• example

Vue 生命周期