初学Vue需要了解的细节

首先el:
以一组代码为例：
let vm=new Vue（{
    el:"#app"
}）
这里的#el的类型为：string或Element
注意点：此处只在由 new 创建的实例中遵守
其实质是提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标，他可以是css选择器，也可以是一个HTMLElement实例。（Vue实现挂载的元素节点，值可以为css选择符或者html元素）
在其实现挂载之后，元素可以通过vm.$el进行访问。

data（）：
Vue将会递归data的属性转换为getter/setter,从而让data的属性能够响应数据变化，对象必须是纯粹的对象。
实例创建之后，可以通过 vm.$data 访问原始数据对象。Vue实例也代理了 data对象上所有的属性，因此访问 vm.a 等价于访问 vm.$data.a。
以 _ 或 $ 开头的属性不会被Vue实例代理，因为它们可能和Vue内置的属性、API方法冲突。
eg.
   let vm=new Vue（{
    el:"#app"
    data:{
    nickname:"simba",
    arr:['simba','ace','roger']
    }
}）
当一个组件定义出来的时候，data必须声明为一个函数，这个函数会返回一个数据对象。

v-for:
eg.

这里的意思是循环这个数组，然后每一项的形参为item，每一项的下标为i
注意：凡是以v-...:开头的，后面的引号内都写js代码，而不是字符串。
此外v-for是一个渲染指令，所以他需要结合着in或者for来使用。
除了v-for还有v-if，v-show等等

为了养成一个比较好的习惯，建议初学时就开始以return的方式引出我们的对象：
eg.

可以将function去掉，直接data（）{}

methods():
简单来讲，methods将被混入到Vue实例中，可以直接通过vm实例访问这些方法。
methods里面的this指向的是创建的Vue实例。