从ng转站vue已经一个星期了,在这里记录自己学习经历
读文档
第一步 通读文档,因为有中文文档所以难度大大减小,不过的提一句 vue的社区很山寨,qq群付费,相对于ng群太少了,总结社区不活跃,曾经想加一个,问的是作者名字的三个字母,那时候我真不太清楚,好吧有点水,但我知道他是中国人,之后我就回 本是同根生,相煎何太急,就给我拒了,太没情怀了,算了我也就懒得加了,一直活跃在ng社区,虽然是ng但是不排斥其他框架我们什么都讨论。我是来安利的~
练习
可以从 vue/example/todomvc开始 只有几个文件 来感受一下,如果你能直接上手也行,对于具体业务对vue的了解更直观。
读前人的博客
这很有帮助相信我,站在巨人的肩膀上总能看的更远
总结:多读,多看,多写,至于问不问你自己考量
从ng转站vue第二个星期了(16.4.16)
上手项目是最快的学习途径
目前的重点转到了业务处理上,在购物车页进行实践,和ng的处理方式大同小异
他们两者都是采用双向绑定,只是实现原理不同,采用一个源数据控制页面
他们也有相同问题 双括号 ,ng使用ng-bind,vue中v-bind却不是这么用的,你可以用v-text or v-html
绑定到页面上
目前不足并要做的
- 一切皆组件,这是一种理念,就像ng,dom操作要放在指令中
- 最佳实践,我决定取扒别人的源码,目前的代码都是屎一样放到一个vue文件里
编辑器推荐
经过今天的尝试,目前支持最好的是atom,vscode 最差,sublime没试过,不过应该和atom不相上下
- atom
- webstorm
- vs code
总结:
- 文档一定要熟(个人绝得文档还不够详细)
- 看大量博客(会越来越多)
- 看视频(找找还是有的)学习实践经验 (非熟手)
从ng转站vue第三个星期了(16.4.25)
ps: 之前没想通travis的好处,现在好像发现了,让我试试~ OK的不需要自己装环境,但是如果构建失败就麻烦了
坑集
checkbox 区分对象与字符串
1
<input type="checkbox" id="inlineCheckbox2" class="px" v-model="addr.isDefault" v-bind:true-value="'y'" v-bind:false-value="'n'">
驼峰命名法
居然隔了一个月(16.5.27)
一直忙于业务花了好长时间不停的改bug,测试都无语了,没改一个bug总会引入其他的,这都是不可预测的,想想引入测试但是真能有作用吗?总得试试
今天又填了一个大坑 vue 的驼峰命名法,说实在的如果是以前我应该很快就能定位问题,事实上在本地都可以,只是报警告,但到了预发环境就会出问题~
还有keep-live 也是个大坑,谢天谢地总算把图片轮播这一块解决了,之后就是组件抽离和测试了
开启 HTML5 History 模式
- 原来的请求都将失效
变化 | 开启前 | 开启后 |
---|---|---|
url | http://192.168.1.121:8080/#!/mine | 5http://192.168.1.121:8080/mine |
必须含有#! | 不包含#! | |
main.js |
var router = new VueRouter() |
var router = new VueRouter({hashbang:true,history: true,saveScrollPosition: true,transitionOnLoad: true}) |
history | 不开启 | 开启 |
scroll | 不记录位置信息 | 记录位置信息 |