![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 82
star@星空
相逢一醉是前缘,风雨散,飘然何处!
展开
-
vue3_03_vuex4
什么是状态管理在开发中,我们会的应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序中的某一个位置,对于这些数据的管理我们就称之为是 状态管理。在前面我们是如何管理自己的状态呢?在Vue开发中,我们使用组件化的开发方式;而在组件中我们定义data或者在setup中返回使用的数据,这些数据我们称之为state;在模块template中我们可以使用这些数据,模块最终会被渲染成DOM,我们称之为View;在模块中我们会产生一些行为事件,处理这些行为事件时,有可能会修改state,这些行原创 2022-02-24 14:12:18 · 789 阅读 · 0 评论 -
vue3_02_vue-router
认识前端路由路由其实是网络工程中的一个术语:在架构一个网络时,非常重要的两个设备就是路由器和交换机。当然,目前在我们生活中路由器也是越来越被大家所熟知,因为我们生活中都会用到路由器:事实上,路由器主要维护的是一个映射表;映射表会决定数据的流向;路由的概念在软件工程中出现,最早是在后端路由中实现的,原因是web的发展主要经历了这样一些阶段:后端路由阶段;前后端分离阶段;单页面富应用(SPA);后端路由阶段早期的网站开发整个HTML页面是由服务器来渲染的.服务器直接生产渲染好对原创 2022-02-22 14:48:20 · 1363 阅读 · 3 评论 -
vue3_01_composition-API
vue2中Options API的弊端在Vue2中,我们 编写组件的方式是Options API:Options API的一大特点就是在对应的属性中编写对应的功能模块; p比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变,也包括生命周期钩子;但是这种代码有一个很大的弊端:当我们实现某一个功能时,这个功能对应的代码逻辑会被拆分到各个属性中;当我们组件变得更大、更复杂时,逻辑关注点的列表就会增长,那么同一个功能的逻辑就会被拆分的很分原创 2022-02-18 14:24:32 · 733 阅读 · 0 评论 -
vue3-01mixin&extend
认识mixin目前我们是使用组件化的方式在开发整个Vue的应用程序,但是组件和组件之间有时候会存在相同的代码逻辑,我们希望对相同的代码逻辑进行抽取。n 在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成:pMixin提供了一种非常灵活的方式,来分发Vue组件中的可复用功能;p一个Mixin对象可以包含任何组件选项;p当组件使用Mixin对象时,所有Mixin对象的选项将被 混合 进入该组件本身的选项中;Mixin的基本使用Mixin的合并规则如果Mixin对象中的选原创 2022-02-18 14:00:12 · 413 阅读 · 0 评论 -
Vue3+TypeScript + vite 创建项目步骤
项目搭建vitenpm init vite-app <projectName> //或者yarn create vite-app <projectName>vue-cli如果已经全局安装过旧版本的vue-cli,先卸载。npm uninstall vue-cli -g //yarn global remove vue-cli安装新版@vue/clinpm install -g @vue/cli //或者 yarn global add @vue/cli原创 2022-02-16 14:54:15 · 2267 阅读 · 2 评论 -
vue3 中 script setup
在不使用<script setup>,我们代码是:<template> <h1 v-text="count"></h1> <p v-text="double"></p> <button @click="add">count++</button></template><script>import { ref, unref, computed } from 'vue'exp原创 2021-06-23 18:59:17 · 3807 阅读 · 1 评论