![](https://img-blog.csdnimg.cn/c36bf174dbf147679dc19eefa2214e06.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
#Vue3从入门到精通
文章平均质量分 81
以JavaScript为基础,逐步深入Vue开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力
爱敲代码的婷婷婷.
一名普通且平凡的程序员~努力奋斗中…
目前主要方向在React+ts+antd以及原生小程序,uniapp、vue暂缓;
前端开发工程师一枚~不足的地方还请大家多多指教。
展开
-
ref和reactive的使用场景和差异
在 vue3 中的组合式 api 中,针对响应式有了一些改变,其中响应式 api 中,两个比较重要的是 ref 和 reactive,但是对于这两个区别以及使用场景,大多数初学者都比较迷惑,下面博主讲详细讲述这两个区别以及使用场景一、原始类型差异在了解之前,我们要知道js中的原始类型有哪些,其中是一些原始基本类型,对于这些值,ref 和 reactive 用法上有啥区别呢?那到底什么时候使用ref,什么场景下使用reactive呢?原创 2023-04-28 17:02:41 · 1069 阅读 · 0 评论 -
vue3与vue2的区别
vue3 的优势:更快的速度:① 重写diff算法; ②模板编译优化; ③更高效的组件初始化。更容易维护:①组合式API;② 更好的TypeScript支持。更小的体积:①良好的TreeShaking;②按需引入。更优的数据响应式:Proxy原创 2023-08-02 17:41:56 · 124 阅读 · 0 评论 -
Vue3中的API——选项式API、组合式API
和。对于熟悉Vue2的人来说,选项式api是一个很好的选择,但Vue3提供的组合式api对于代码复用效果更为突出。博主之前是用的React框架,现在由于工作原因换成了Vue,所以个人更倾向于Vue3的组合式api。现在博主将为大家详细介绍这两者的区别以及具体的操作。原创 2023-04-08 16:10:13 · 5591 阅读 · 7 评论 -
创建Vue3项目(基于create-vue)以及关键文件介绍
只需四步即可创建Vue3项目,前提环境条件:已安装 16.0 或 更高版本的Node.js 。第二步:创建一个vue应用:npm init vue@latest 这一指令将会安装并执行create-vue。第三步:根据上一步你自定义的项目名称进入文件夹。例如:我这里命名的项目名称为vue3-project,那么我需要先执行 cd vue3-project 命令,然后 npm install。最后执行 npm run dev 命令即可启动项目。关于项目目录和关键文件介绍点击此处进行详细查看原创 2023-08-02 15:36:04 · 192 阅读 · 2 评论 -
Vue简介--vue3入门
Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助我们可以高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。Vue 的设计非常注重灵活性和“可以被逐步集成”这个特点。无需构建步骤,渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jamstack / 静态站点生成 (SSG)原创 2023-04-08 15:04:01 · 324 阅读 · 0 评论