vue.js语法基础（一）

这是vue学习笔记之一，按照自己的思路和理解记得，所以有点乱，如果有疑义或问题的话，欢迎在下方提问相应问题留言~

基础语法

< div id=”app”>
< li v-for = “item in list”> { {item}}</ li> // 将会把两个li的内容按照列表的形式显现，这种语法结构叫做插值表达式，{ {}}双大括号会将数据解释为普通文本，而非HTML代码
</ div>
< script>
var app = new Vue({
el:’#app’,
data:{ //data为Vue对象的固定格式
list:[‘第一课的内容’,’第二课的内容’]
}
})
</ script>
一个 Vue应用有一个通过 new Vue创建的根实例，以及可选的、嵌套的、可复用的组件树组成
界面中HTML上的vue
v-for=“”，遍历数组和对象把里面的内容挨个输出；
例如v-for=“（item，index）in list” v-for表示给界面循环某个数组，item是内容，index是数组下标，用来绑定数组的数据来渲染一个项目列表（item，index）in list或者写成（item，index）of list 改变数组的值应该用数组自带的几种方法 比如pop push shift reverse…
循环对象时的参数比数组多一个（item，key