vue概念
Vue 是一款用于构建用户界面的 JavaScript 框架。
提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面
vue特性
理解声明式渲染与响应性
- 声明式渲染: vue提供了一套模板语法,声明式的描述最终输出的html和javascript之间的关系
- 响应性: vue自动跟踪javascript状态变化,并在状态改变时响应式地更新DOM
vue版本
最新版本 vue3.x
新增特性:
组合式api
新的组件
其它
编程风格
选项式
data methods computed watch 生命周期函数
组合式
setup
指令
v-cloak
隐藏尚未编译完成的dom模板
模板未编译完成时加载会出现花括号
修飾符
.prevent
.stop
表單修飾符
.trim
.number
.lazy
計算屬性 computed
定义成方法使用,本质是属性
缓存: 依赖响应式属性变化后重新计算
偵聽 watch
屬性
immediate 立即偵聽 deep 深度偵聽
生命周期
生命周期 强調時間段
生命周期鈎子函數 强調時間點
beforeCreate
created
数据初始化 data methods
beforeMount
mounted
节点挂载
beforeUpdate
updated
beforeUnmount
unmounted
const num = 100 num = 200 X
const obj = { name:'jack' } obj.name = 'rose'
obj = {}
原型链
原型
每个构造函数都有一个prototype属性指向它的原型 每个对象都有一个__proto__属性指向它构造函数的原型 原型对象上定义的属性和方法可以被所有实例对象共享
两个或两个以上的原型通过__proto__(隐式原型)连接起来形成一种链式结构
cookie, localStorage,sessionStorage 的区别 ?
sessionStorage 本地存储数据 sessionStorage.setItem(key,value) sessionStorage.getItem(key) sessionStorage.removeItem(key)
localStorage.setItem(key,value)
localStorage.getItem(key)
localStorage.removeItem(key)
会话级别
Promise 语法: 对象 作用: 更优雅的处理异步操作的结果 异步网络
手写promise