Vue知识点汇总

一、开发工具:vscode,live server,ESLint,Vetur。
二、Vue基础
1、Vue实例:
createApp():创建新的Vue实例
mount():挂载
data:定义数据,以data的形式存储在实例中,定义的数据可以通过属性使用
methods:vue中的方法,自动指向该实例,自动绑定this.
computed:计算属性,当依赖属性的值发生变化时,属性值会自动变更,DOM也同步更新
侦听属性:为实例添加被观察对象,当对象改变时,自动调用开发者自定义的方法。
v-on:事件名(@事件名):事件的定义
v-on.修饰符:事件的修饰符(stop(阻止事件冒泡),capture(事件捕获),prevent(阻止默认事件),passive(执行默认事件),self(只会触发自身范围内的事件),once(只触发一次))
@keyup/keydown.修饰符:按键修饰符(.enter,tab,delete,.esc,.space,.up,.down,.left,.right)
Vue.config.keyCodes:自定义控件:自定义按键别名
2、Vue生命周期
beforeCreate:vue实例开始初始化时调用
created:实例创建之后调用,尚未开始DOM编译
beforeMountVue:vue实例挂载之前,render函数首次本调用
mounted:实例挂载到DOM节点上之后进行调用,相当于window.onload()
beforeUpdate:当数据发生变化时,在虚拟DOM状态变化之前
updated:虚拟DOM被重新渲染之后调用<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值