这是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