Vue学习记录-1-初步认识

安装

---

关于安装的文章有很多,此处不做误导了,如果npm慢的话,可以选择cnpm.

第一次调试

---

下载了git上的项目以后,两眼一懵比,这东西结构看不懂啊,此时我就想找个教程看看,但是都看不懂,没办法只能去 官网 看,此处特别佩服 vue的翻译团队,翻译出了中文的 vue官网.—vue中文官网
点击 起步 就可以看到了

版本要根据自己学习的版本调一下,默认是最新的2.x.
看了下基础的代码,和git下的不太一样..
官方例子 :

var app = new Vue({  el: '#app',  data: {    message: 'Hello Vue!'  }})

git项目里:

export default {  name: 'HelloWorld',  data () {    return {      msg: 'Welcome to Meng VUE2'      ......

对比一下,除了目录调用顺序和结构不太清楚,其他的应该能看懂些,大致一样.
接下来就是坑了,按照官方的 v-for 例子 在 代码中 加个变量,上面用个 ul>li 来循环，出错了，提示格式的错误~！！！
Mixed spaces and tabs

一模一样的代码，哪里错~！！！ 找寻资料后，原来安装时 我选择了 ESlint 是yes，就是严格按照ESlint标准来编写代码，否则就错误~！ 网上找到了 优秀的资料 Eslint 规则说明，有能力的可以去看一下，大概就是说：

用空格，不要用tab。
每一句代码相对于它的上一级，需要空两格；方法名与括号需要空一格，括号内的东东 前后要加空格 {{ 东东 }}。

---