vue3.0
文章平均质量分 93
vue3.0学习
MJJH
这个作者很懒,什么都没留下…
展开
-
16-Vuex状态管理
Vuex状态管理 什么是状态管理 在开发中,我们会的应用程序需要处理各种各样的数据,这些 数据需要保存在我们应用程序中的某一个位置,对于这些数据 的管理我们就称之为是 状态管理。 在前面我们是如何管理自己的状态呢? 在Vue开发中,我们使用组件化的开发方式; 而在组件中我们定义data或者在setup中返回使用的数据, 这些数据我们称之为state; 在模块template中我们可以使用这些数据,模块最终会被 渲染成DOM,我们称之为View; 在模块中我们会产生一些行为事件,处理这原创 2021-09-23 19:04:21 · 111 阅读 · 0 评论 -
15-VueRouter路由
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言认识前端路由后端路由阶段前后端分离阶段URL的hashHTML的History认识Vue-router路由的使用步骤路由的基本使用流程路由的默认路径history模式router-link路由懒加载打包效果动态路由基本匹配获取动态路由的值匹配多个参数NotFound匹配规则加*路由的嵌套路由的嵌套配置代码的原创 2021-09-23 18:37:03 · 123 阅读 · 0 评论 -
14-Vue的CompositionAPI
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言Options API的弊端大组件的逻辑分散认识Composition APIsetupsetup函数的参数setup函数的返回值setup不可以使用this之前关于this的描述问题是如何发现官方文档的错误的呢?响应式Reactive APIref APIRef自动解包认识readonlyreadonly原创 2021-09-22 17:43:56 · 164 阅读 · 0 评论 -
13-Mixin
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言认识MixinMixin的基本使用Mixin的合并规则全局混入 Mixinexternds 认识Mixin 目前我们是使用组件化的方式在开发整个Vue的应用程序,但是组件和组件之间有时候会存在相同的代码逻辑,我们希望对相同的代码逻辑进行抽取。 在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成原创 2021-09-22 17:19:46 · 82 阅读 · 0 评论 -
12-Vue过渡&动画实现
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言认识动画Vue的transition动画Transition组件的原理过渡css动画-transitionclass添加的时机和命名规则过渡css动画-animation同时设置过渡和动画显示的指定动画时间过渡的模式 modeappear初次渲染认识animate.css自定义过渡classanimate.原创 2021-09-22 17:11:11 · 142 阅读 · 0 评论 -
11-生命周期
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言认识生命周期组件的生命周期生命周期的流程组件的v-model组件v-model的实现computed实现绑定多个属性 认识生命周期 什么是生命周期呢? 每个组件都可能会经历从创建、挂载、更新、卸载等一系列的过程; 在这个过程中的某一个阶段,用于可能会想要添加一些属于自己的代码逻辑(比如组件创建完后就请求原创 2021-09-22 16:55:06 · 124 阅读 · 0 评论 -
10-插槽Slot
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言认识插槽Slot如何使用插槽slot?插槽的基本使用插槽的默认内容多个插槽的效果具名插槽的使用动态插槽名具名插槽使用的时候缩写渲染作用域认识作用域插槽独占默认插槽的缩写默认插槽和具名插槽混合切换组件案例v-if显示不同的组件动态组件的实现动态组件的传值认识keep-alivekeep-alive属性缓存组件原创 2021-09-22 16:47:50 · 290 阅读 · 0 评论 -
09-组件之间的通信
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言认识组件的嵌套App单独开发组件的拆分组件的通信父子组件的相互通信父组件传递给子组件props的数组用法props的对象用法非Prop的AttributeAttribute继承禁用Attribute继承多个根节点的attribute子组件传递给父组件自定义事件的流程自定义事件的参数自定义事件的验证组件间通信原创 2021-09-22 16:40:42 · 154 阅读 · 0 评论 -
08-组件化开发
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言认识组件化什么是组件化?Vue的组件化注册一个组件注册全局组件组件的名称注册局部组件Vue的开发模式Vue的开发模式如何支持SFC如何支持SFC 认识组件化 什么是组件化? 人面对复杂问题的处理方式: 任何一个人处理信息的逻辑能力都是有限的 所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的原创 2021-09-22 16:39:02 · 77 阅读 · 0 评论 -
07-VueCLI和Vite
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个*100%好评还加课的老师呢 目录前言Vue CLI脚手架Vue CLI 安装和使用vue create 项目的过程项目的目录结构Vue CLI的运行原理认识ViteVite的构造浏览器原生支持模块化Vite的安装和使用Vite对css的支持Vite对TypeScript的支持Vite对vue的支持Vite打包项目ESBuild解析ESBuil原创 2021-09-22 16:37:39 · 150 阅读 · 0 评论 -
06-devServer
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个100目录前言为什么要搭建本地服务器?webpack-dev-server认识模块热替换(HMR)开启HMR框架的HMRHMR的原理HMR的原理图hotOnly、host配置port、open、compressProxychangeOrigin的解析historyApiFallbackresolve模块解析确实文件还是文件夹extensions原创 2021-09-22 16:29:01 · 94 阅读 · 0 评论 -
05-Babel
Babel 为什么需要babel? 事实上,在开发中我们很少直接去接触babel,但是babel对于前端开发来说,目前是不可缺少的一部分: 开发中,我们想要使用ES6+的语法,想要使用TypeScript,开发React项目,它们都是离不开Babel的; 所以,学习Babel对于我们理解代码从编写到线上的转变过程至关重要; 那么,Babel到底是什么呢? Babel是一个工具链,主要用于旧浏览器或者环境中将ECMAScript 2015+代码转换为向后兼容版本的 JavaScript;原创 2021-09-22 16:21:17 · 93 阅读 · 0 评论 -
04-Webpack
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个100%好评还加课的老师呢 目录 前言 认识webpack 脚手架依赖webpack Webpack到底是什么呢? Vue项目加载的文件有哪些呢? Webpack的使用 Webpack的使用前提 Webpack的安装 Webpack的默认打包 创建局部的webpack Webpack配置 Webpack配置文件原创 2021-09-19 02:18:19 · 309 阅读 · 0 评论 -
03-Vue的Options API
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个100%好评还加课的老师呢 目录 前言 computed 认识计算属性computed 计算属性的基本使用 计算属性 vs methods 计算属性的setter和getter 侦听器watch 侦听器watch的基本使用 侦听器watch的配置选项 侦听器watch的其他方式 阶段案例 案例介绍 项目搭建原创 2021-09-19 01:17:15 · 566 阅读 · 1 评论 -
02-Vue基础-模板语法
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个100%好评还加课的老师呢 目录 前言 vs-code代码片段 模板语法 mustache的使用 不常用指令 v-once指令 v-text v-html v-pre v-cloak v-bind v-on 条件渲染 列表渲染 vs-code代码片段 设置-用户代码片段-选择语言 将需要的代码片原创 2021-09-19 00:48:22 · 244 阅读 · 0 评论 -
01-邂逅Vue3开发
前言 本文章来源于王红元老师(coderwhy)的 Vue3 + Ts 课程 附上链接:https://ke.qq.com/course/3453141 谁能拒绝一个100%好评还加课的老师呢 认识Vue vue同view 渐进式:把vue作为你应用的一部分嵌入其总 目前Vue在前端处在什么地位? 目前前端最主流的三大框架:Vue、React、Angular 如何引入Vue CDN引入 CDN 称之为内容分发网络( Conten.原创 2021-09-19 00:21:03 · 430 阅读 · 0 评论