js 语法整理一、基础语法newVue({el:"#app",data:{message:"HelloVue
"}})1)el 表示在 html 中哪个部分起作用,类似节点选择器;2)data 中定义了页面需要的数据,键值对;现在来"驱动"视图,body 标签里面加入:{{message}}二、事件{{message}}改变 message1)v-是指令2)v-on 是绑定事件,可以简写成@click3)传参数的事件方法事件修饰器
三、双向绑定{{message}}1)v-model 是用在表单中的指令2)双向绑定:都是指的是类似 input 这样的,自带 change 事件的表单项目3)p 标签中的 message 发生了变化,input 的 value 的变化改变了 message,从而使视图发生了相应的变化
四、循环{{todo
text}}1)带有 key,index,value 的完整版循环修饰器方法push()〃在结尾增加一条或多条数据pop()〃删除最后一条数据shift()〃删除第一条数据,并返回这条数据unshift()//在开始增加一条或多条数据,并返回数组长度splice()〃向/从数组中添加/删除项目,然后返回被删除的项目
sort()〃对数组的元素进行排序
reverse
〃颠倒数组中元素的顺序
filter()//返回条件为真的数据concat()//连接两个或多个数组slice()//从已有的数组中返回选定的元素
五、vm 对象varvm=newVue({el:'#app:data:{message:'HelloVue
'}})console
log(vm
messages)console
log(vm
message)console
log(vm
$data)co