一、开发工具: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被重新渲染之后调用<
Vue知识点汇总
于 2024-06-06 14:44:04 首次发布