vue 学习笔记二之vue2与vue1的选择

    前文提到都已经Vue2.x了，Vue1还没学呢。那么如何开始呢，是先Vue1，再Vue2，还是直接Vue2呢，得对比一下。

查阅了一些资料，看到有人提到正在把项目逐渐迁移到vue2.0，建议直接从vue2.0+开始。那么这样看来，从时间成本的角度看，加上vue1到2的进阶是比较平滑的，api相似，可以考虑直接从vue2.0+着手，至于现有的vue1.x的项目，只需要关注他们之间的差异就好了。

 

有过AngularJS和react开发的经验，而vue有类似的双向数据绑定机制，以及类似react的组合视图组件。按理说应该轻车熟路了，但感觉还是疑点重重。入口在哪里，如何一步步构建大型应用呢，有哪些坑在等着，继续往下走吧。

看到新手填坑文章，作为入门的第二步，走起。

http://www.jianshu.com/p/5ba253651c3b

 

等等，等等，入门之后呢，熟悉了基础语法，会编写一个应用，就完了吗？

No，No，最终的目标在哪呢？再慢慢思考ing......

万丈高楼平地起，还得打地基。

首先看到npm run dev命令，另外还有npmrun build、npm run e2e等，为自动化任务，可以查看package.json。配置scripts下dev: node build/dev-server.js,监听http://localhost:8080，dev的配置定义在config/index.js中。疑问：那这个配置是如何引入的呢？回头再看。

webpackConfig的路径是./webpack.dev.conf，引入baseWebpackConfig，路径为./webpack.base.conf，应用入口entry为app:'./src/main.js'。

new Vue({

      el: ‘#app’,

      router,

      template: ‘’,

components: { App }

})

App.vue生成页面，引入，通过router/index.js引入新的component，引导页面为Hello.vue，加入了Core Docs、Forum、Gitter Chat、Twitter、Docs forThis Template，etc。

加一个例子，在components下新建fstcomp.vue，添加：

 

export default {

  data () {

    return {

      author: "微信公众号jinkey-love"

    }

  }

}

 

此处data() {

      return {

             author: ‘xxx’

}

}，相当于data:function() {

      return {…}

}，data是一个函数，返回一个对象。

 

在Hello.vue的