vue小案例
通过构建函数vue就可以创建一个vue实例,并且启动vue应用
var app = new Vue(
{
//选项
})挂在
变量app就代表了这个vue实例,事实上,几乎所有的代码都是一个对象,写入vue的实例中
首先不可缺少el el用于指定一个页面已经存在的dom元素来挂载vue实例
data里面放数据,放上面声明的数据,通过{{}}文本插值的形式的将data里的数据实时显示出来,如果不想让显示出来,可以用v-pre跳过编译过程
得强调一下计算属性,因为他依赖缓存,所以得以函数的形式写在computed里面
下面就来看看常用的数组方法
1 push()会改变原数组,再末尾添加一个元素
2 pop()表示移除最后一项
3 shift()表示移除首项
4 unshift()表示在首项前面添加项
5 splice(index howmany item )里面有三个参数 表示增加或者删除元素 index表示索引 howmany表示要删除多少项 要是增加的话就不用写这个参数 item表示要增加的项,要是删除就不用写此参数
6 sort()表示比较大小,也可以用来排序
7 reverse()表示数据反转
以上七种都会改变原数组,随机视图也会更新,毕竟vue是数据驱动模块
1 filter()匹配
过滤掉boo
2 concat()表示数组拼接
3 slice()表示数组切割 不包含结束位置
以上这三种会改变原数组,所以要用一个对象来接受
例如
app.user = app.user.concat({
//数据
})