vue

从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

绑定到页面上

目前不足并要做的

  1. 一切皆组件,这是一种理念,就像ng,dom操作要放在指令中
  2. 最佳实践,我决定取扒别人的源码,目前的代码都是屎一样放到一个vue文件里

编辑器推荐

经过今天的尝试,目前支持最好的是atom,vscode 最差,sublime没试过,不过应该和atom不相上下

  1. atom
  2. webstorm
  3. vs code

总结:

  1. 文档一定要熟(个人绝得文档还不够详细)
  2. 看大量博客(会越来越多)
  3. 看视频(找找还是有的)学习实践经验 (非熟手)

从ng转站vue第三个星期了(16.4.25)

ps: 之前没想通travis的好处,现在好像发现了,让我试试~ OK的不需要自己装环境,但是如果构建失败就麻烦了

坑集

  1. checkbox 区分对象与字符串

    1
    <input type="checkbox" id="inlineCheckbox2" class="px" v-model="addr.isDefault" v-bind:true-value="'y'" v-bind:false-value="'n'">
  2. 驼峰命名法

居然隔了一个月(16.5.27)

一直忙于业务花了好长时间不停的改bug,测试都无语了,没改一个bug总会引入其他的,这都是不可预测的,想想引入测试但是真能有作用吗?总得试试
今天又填了一个大坑 vue 的驼峰命名法,说实在的如果是以前我应该很快就能定位问题,事实上在本地都可以,只是报警告,但到了预发环境就会出问题~
还有keep-live 也是个大坑,谢天谢地总算把图片轮播这一块解决了,之后就是组件抽离和测试了

开启 HTML5 History 模式

  1. 原来的请求都将失效
变化 开启前 开启后
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 不记录位置信息 记录位置信息