Vue3全家桶：
Vue3,Composition API,Options API,Element Plus,Vue Router,Vue CLI,Vuex,Pinia,Vite
Vue3核心知识点：
MVVM设计模式、响应式数据实现原理、指令系统、计算属性与侦听器、条件渲染与列表渲染、class样式与style样式的三种形态、表单处理、生命周期钩子函数、组件通信、组件属性与事件、组件内容分发、脚手架使用及原理实现、ref属性在元素和组件上、nextTick监听DOM、自定义指令及应用场景、组件功能之Mixin混入、插件的概念及插件的实现、动态组件与keep-alive组件缓存、transition动画与过渡的实现、异步组件与Suspense, Provide_Inject、Teleport、虚拟DOM与render函数及Diff算法、setup方法与script_setup及ref响应式、reactive,toRefs, watchEffect, defineProps...
TypeScript与框架结合
Vue组合式+TS，状态管理+TS
Vue选项式+TS，组件库+TS
React类组件+TS，Axios+TS
React函数组件+TS，路由+TS
TypeScript核心知识点
类型声明空间与变量声明空间、类型注解与类型推断、类型分类与联合类型与交叉类型、never类型与any类型与unknown类型、类型断言与非空断言、数组类型与元祖类型、对象类型与索引签名、函数类型与void类型、函数重载与可调用注解、枚举类型与const枚举、详解接口与类型别名之间区别、字面量类型和keyof关键字、类型保护与自定义类型保护、定义泛型和泛型常见操作、类型兼容性详解、映射类型与内置工具类型、条件类型和infer关键字、类中如何使用类型、模块系统与命名空间、d.ts声明文件和declare关键字、@types和DefinitelyTyped仓库、lib.d.ts和global.d.ts、tsconfig.json...
MVC设计模式与MVVM设计模式
选项式API的编程风格与优势
指令系统与事件方法及传参处理
声明式宣染及响应式数据实现原理
计算属性与侦听器区别与原理
条件渲染与列表宣染及注意点
class样式与style样式的三种形态
表单处理与双向数据绑定原理
生命周期钩子函数及原理分析
MVC设计模式与MVVM设计模式
为什么使用Vue框架?
◆最大的优点:就是不用自己完成复杂的DOM操作了,而由框架帮我们去完成
选项式API的编程风格与优势：
let vm = createApp(
/* 选项*/
methods: {},
computed: {},
watch:{},
data(){},
mounted(){}
}).mount(' #app');💠只有一个参数,不会出现参数顺序的问题,随意调整配置的位置
💠 非常清晰,语法化特别强
💠 非常适合添加默认值的
声明式宣染及响应式数据实现原理
💠利用ES6的Proxy对象对底层进行了监控
计算属性与侦听器区别与原理
🔸计算属性适合: 多个值去影响一个值的应用;而侦听器适合一个值去影响多个值的应用
🔸侦听器支持异步的程序,而计算属性不支持异步的程序
🔷 条件渲染:使用v-if指令条件性地宣染一块内容。这块内容只会在指令的表达式返回truthy真值的时候被渲染
🔷 falsy假值 (即 false,0,-0, On, "“,null, undefined和NaN)
条件宣染与列表渲染及注意点：
列表宣染需要添加key属性 -> 用来跟踪列表的身份
v-if和v-for尽量不要一起使用 -> 利用计算属性来完成这类功能
template标签起到的作用 -> 形成一个整体容器并且不会被宣染
<div id="app">
<!-- <input- type="text" - v-model="message">-->
<input type="text" :value="message" @input="message = $event.target.value">
</div>
评论 (0)