vue基础

54 阅读2分钟

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