Vue3+Ts
文章平均质量分 94
coderYYY
前端程序媛,长期更新web前端文章,偶尔更新后端,欢迎和我一起交流!
展开
-
Vue3+TypeScript系统学习(十五) - 详解Vue3 Composition API(二)
在前面我们讲解过计算属性computed:当我们的某些属性是依赖其他状态时,我们可以使用计算属性来处理如何使用computed函数呢?下面我们来看看computed函数的基本使用原创 2023-01-17 16:51:09 · 1903 阅读 · 2 评论 -
Vue3+Ts(coderwhy)超详细学习笔记(一)邂逅Vue3和TypeScript
本笔记基于coderwhy大神新课程-vue3+ts所作,原版课程地址指路—深入Vue3+TypeScript技术栈-coderwhy大神新课,请大家尽量支持正版哈本笔记集视频、课件、代码而成,较为详细,建议收藏关注,持续更新中,也可以看coderwhy公众号发的文章一起学习 Vue3+TS系统学习一 - 邂逅Vue3和TypeScript之前那个Vue2的笔记我把课件搞成文字太费时间了,这里直接放图了一、邂逅Vue3开发(一)为什么要学习Vue?1.认识Vue2.目前Vue在前端处原创 2022-01-04 22:47:38 · 8253 阅读 · 11 评论 -
Vue3+Ts(coderwhy)超详细学习笔记(二)邂逅Vue3开发
一. 认识Vue.js1.1. 认识VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。全称是Vue.js或者Vuejs;什么是渐进式框架呢?表示我们可以在项目中一点点来引入和使用Vue,而不一定需要全部使用Vue来开发整个项目;1.2. Vue的安装Vue是一个JavaScript的库,刚开始我们不需要把它想象的非常复杂,我们就把它理解成一个已经帮助我们封装好的库,在项目中可以引入并且使用它即可。那么安装和使用Vue这个JavaScript库有哪些原创 2022-01-11 18:49:08 · 2052 阅读 · 0 评论 -
Vue3+Typescript(coderwhy)超详细学习笔记(三)Vue3开发基础语法(一)
一. 知识补充1.1. methods中的this1.1.1. 不能使用箭头函数我们在methods中要使用data返回对象中的数据,那么这个this是必须有值的,并且应该可以通过this获取到data返回对象中的数据。那么我们这个this能不能是window呢?不可以是window,因为window中我们无法获取到data返回对象中的数据;但是如果我们使用箭头函数,那么这个this就会是window了;我们来看下面的代码:我将increment换成了箭头函数,那么它其中的this原创 2022-01-28 17:11:22 · 2680 阅读 · 2 评论 -
Vue3+Typescript(coderwhy)超详细学习笔记(四)Vue3开发基础语法(二)计算属性/watch/综合案例
一. Options API1.1. computed1.1.1. (理解)认识计算属性computed原创 2022-02-16 21:24:07 · 2194 阅读 · 16 评论 -
Vue3+Typescript(coderwhy)超详细学习笔记(五)组件化开发基础
现在可以说整个的大前端开发都是组件化的天下,无论从三大框架(Vue、React、Angular),还是跨平台方案的Flutter,甚至是移动端都在转向组件化开发,包括小程序的开发也是采用组件化开发的思想。所以,学习组件化最重要的是它的思想,每个框架或者平台可能实现方法不同,但是思想都是一样的。一. 认识组件化1.1. 什么是组件化?人面对复杂问题的处理方式:任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但是,我们人有.原创 2022-03-20 17:48:49 · 1134 阅读 · 1 评论 -
Vue3+Typescript学习笔记(六)Webpack的基础打包(后面有更新)
需要课程请去腾讯课堂联系coderwhy老师购买 此笔记主要来源于课程ppt(了解) 一、认识webpack事实上随着前端的快速发展,目前前端的开发已经变的越来越复杂了:比如开发过程中我们需要通过模块化的方式来开发;比如也会使用一些高级的特性来加快我们的开发效率或者安全性,比如通过ES6+、TypeScript开发脚本逻辑,通过sass、less等方式来编写css样式代码;比如开发过程中,我们还希望实时的监听文件的变化来并且反映到浏览器上,提高开发的效率;比如开发完成后我们还需要将代码进.原创 2022-04-21 22:40:19 · 1859 阅读 · 14 评论 -
Vue3+Typescript学习笔记(七)Webpack打包其他资源(图片,字体,plugin)
webpack打包图片字体,plugin原创 2022-07-25 16:10:40 · 1254 阅读 · 0 评论 -
Vue3+Typescript学习笔记(十)组件通信--父子组件通信(props,$emit),非父子组件通信(provide和inject,mitt库)
Vue3父子组件通信props和emit原创 2022-08-05 18:55:38 · 1497 阅读 · 1 评论 -
Vue3+Typescript系统学习(十一)组件的插槽使用,具名插槽,作用域插槽coderwhy
组件插槽,具名插槽,作用域插槽原创 2022-08-08 20:18:23 · 661 阅读 · 0 评论 -
codeywhy Vue3+Typescript学习笔记(八)Babel解析js-vue,Vue文件打包,devServer,HMR,config配置
在实际开发中,我们通常会在构建工具中通过配置babel来对其进行使用的,比如在webpack中。查看转换后的结果我们会发现const并没有转成var。另外,我们也可以编写其他的.vue文件来编写自己的组件;重新打包即可支持App.vue的写法。接下来我们编写自己的。......原创 2022-07-31 16:02:09 · 1740 阅读 · 0 评论 -
Vue3+Typescript学习笔记(九)脚手架VueCLi和Vite
关注我,可以收到更新推送哦。原创 2022-08-02 15:45:08 · 993 阅读 · 0 评论 -
Vue3+Typescript笔记(十二)组件化知识补充(动态组件,keep-alive,异步组件,生命周期)
coderwhy Vue3+Ts笔记(十)组件化知识补充(动态组件,keep-alive,异步组件,生命周期)原创 2022-09-26 21:00:00 · 1893 阅读 · 0 评论 -
Vue3+Typescript笔记(十三)Vue3实现过渡动画
在开发中,我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验,Vue中为我们提供一些内置组件和对应的API来完成动画,利用它们我们可以方便的实现过渡动画效果;转载 2022-11-01 08:46:03 · 571 阅读 · 0 评论 -
Vue3+TypeScript系统学习(十四) - 详解Vue3 Composition API(一)
代码逻辑复用(logic reuse)一直是开发中(任何开发)一个非常重要的功能。对于当前组件化盛行的前端开发来说,如何可以更多的对组件中的代码逻辑进行复用是一致在探索的一个话题,无论是在React、Vue,还是在Angular中。那么接下来,我们就一起来看一下目前比较常见的在Vue中可以实现组件代码复用的方式,并且会详细、深入的学习一下Vue3最新的Composition API。转载 2022-11-01 08:47:23 · 1792 阅读 · 0 评论