Vue基础

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统
1、Vue使用的基本操作
下载并引入vue.js

1. 通过Vue，实例化一个vue实例化对象（new Vue({})）
2. 新建一个vue实例化对象（Vue是一个构造函数）
3. el: 对节点挂载进行 id 声明,规定Vue语法的作用范围

data)

1. 自定义数据
2. 通过ajax获取的后台数据
3. Data是一个函数

3）Vue语法，实现对(DOM)节点的渲染、删除、添加
a) 模板渲染{ { obj }}（data中的数据可以直接在html中显示,让js变量直接在html中使用）
b) v-for (列表渲染，使用for循环遍历数据生成节点，遍历对象和数组)，数据驱动视图
使用：1. 用 v-for 把一个数组对应为一组元素
v-for=”(item,index) in list”
list为源数据数组并且item是数组元素迭代的别名
index为当前项的索引
2、一个对象的 v-for
v-for="（value,key） in object"
object为data中定义的一个对象，value为对象的值，key为对象的键名

v-bind :
特性被称为指令，指令带有前缀 v-表示它们是 Vue 提供的特殊特性。
它们会在渲染的 DOM 上应用特殊的响应式行为。

v-for :
指令可以绑定数组的数