vue2.0学习记录

持续更新中

看了一段时间的视频，即便是大火的现在，讲vue的视频还是那么不尽如人意，还是按照文档学吧，顺序知乎和里都有的，我也就再贴一次vue学习顺序,暂时觉得还不错，一点一点跟着做吧。
那么正文来了，在跟着文档上敲各种小demo和自己YY出来的demo的时候会遇到什么呢？我把我遇到的问题和解决方法都罗列出来，记录这段路程。

一、跟随官网教程敲

1. 条件渲染
   问题描述：在条件渲染中，写完这段代码运行后，怎么刷新都是YES和NO都存在着;

  

        Yes
  
  
NO

解决方案：创建个Vue实例，就可以了;

 

  

        Yes
  
  
NO
 

2. key值控制元素是否重用
   完整示例如下：

    
    
    toggle

3. 方法事件处理器
   问题描述：在Vue中使用v-on质量添加点击事件的过程中，执行函数直接写函数名可以获取鼠标事件如@click="fn"，而函数名加括号的形式，却获取不到鼠标事件如@click="fn()"；

    点我弹东西

上述代码的结果就是点击按钮加1，这个没问题，问题出在官网解释的这句话

由于三个组件实例共享的是同一个对象，因此增加一个计数器，就会增加全部！嗯。让我们通过改为返回一个全新的数据对象，来解决下这个问题：   
data: function () {
  return {
    count: 0
  }
}

我只能说，这个‘嗯‘字很精髓，让我一时没有反应过来，导致想了半天原因是什么。。。
结果一句话就能说清楚——第二个组件里的count不再是info里的count了，我去了我是不是很蠢。。。
2017年8月27日

5. 单个slot
   问题描述:官网代码补全

    
我是父组件的标题
    
        
这是一些初始的内容
        
这是一些更多初始的内容
    

最初在 标签中的任何内容，都被视为备用内容。备用内容在子组件作用域内编译，并且只有在宿主元素为空，且没有要插入的内容时才显示备用内容。
上述的这段话是官网的原文，按照我个人的理解，意思是指当my-component这个自定义标签内没有内容的时候，slot中的内容才会显示，如果有，则不会显示。
2017年8月27日22:37:09

6. 异步组件
   问题描述：看官网的示例直接懵逼；
   解决办法：Vue的异步组件;我就是按照这个上面说的理解的，当然了，里面涉及到了一些webpack的知识，如果不会也要好好看看，但还是得说写的很不错，值得借鉴（觉得这篇博客写的不错的就顶一下吧）。

二、学习Vue-Router

2017年8月29日00:01:07
懵逼中，我想静静
2017年8月29日23:47:00
找到了一个非常不错的博客，有文章有视频，跟着学Vue感觉很棒，是一个很适合新手Vue学习的平台，又从Vue cli新看了一次，受益匪浅，会继续跟下去；
不过从昨天开始换编辑器，一直被新编辑器支持Vue语法和高亮的配置搞的头大，后来不得不换回熟悉的webstorm，不然太耽误时间了；
坚持是件很难的事情，但坚持下来了再回头看看，也就那么回事，加油吧!
2017年8月30日23:37:17

三、Vue-Router总结

今天终于把路由这部分搞完了，感觉还可以，就是最近绷得太紧了，有点累，明天一早总结下。
2017年9月6日22:21:07
转眼就快一个礼拜过去了，算是为了未来两年做了些可能的铺垫吧。同时也把jspang的vue视频都学完了。