- 阅读 75
- 下载 4
- 格式 docx
- 大小 24.23 KB
- 约8页
- 2025-02-10 发布于天津市
- 收藏
- 点赞(0)
- 海报
- 举报
word.Vue.js 语法整理一、基础语法newVue({el:"#app",data:{message:"HelloVue!"}})1)el 表示在 html 中哪个部分起作用,类似节点选择器;2)data 中定义了页面需要的数据,键值对;现在来"驱动"视图,body 标签里面加入:
{{message}}二、事件
{{message}}改变 message1)v-是指令2)v-on 是绑定事件,可以简写成@click3)传参数的事件方法事件修饰器
... ...word.三、双向绑定
{{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.$data.message)console.log(vm.$data)console.log(vm.$el)word.丸 vuel・0 与 2.0 的生命周期VLI 宫 1u0+MU*2.DDescriptioninrt蛆件兵刮刖枝创禺绘件隔性计拥之軋 datacreatedcreated组件实例创理晓或喝性已绑主,怛 DOMil 未生咸 3el 属性还不存在b^lucijieCcimpil&befCfr&Mduntcompil...