vue3学习
文章平均质量分 88
vue3学习的步骤,持续更新(有新的认知会在文章里更新)
Wei_Hss
什么都想学,什么都学不会
展开
-
十天学完Vue学习总结
内容比较概念,了解,看过即可。当然不是只有看看和跟着敲这么简单,要做1~2个项目加以理解我做的第一个项目是:音乐网站(不需要后台技术,发送请求就可以获得数据)适合新手小白练手第二个项目是一个点餐系统:前后端进行交互,适合想往全栈发展的小白去做最后祝大家学好吃好喝好!我的vue学习专辑就结束啦!原创 2022-11-14 16:10:13 · 9091 阅读 · 10 评论 -
Vue学习—vuex
在开发中,我们会让应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序中的某一个位置,对于这些数据的管理我们就 称之为是状态管理。 在前面我们是如何管理自己的状态呢? 在Vue开发中,我们使用组件化的开发方式:在组件中我们定义data或者在setup中返回使用的数据,这些数 据我们称之为state;在模块template中我们可以使用这些数据,模块最终会被渲染成DOM,我们称之为View;原创 2022-11-14 14:36:08 · 595 阅读 · 0 评论 -
Vue学习:axios
Axios 是一个基于网络请求库,作用于node.js和浏览器中。它是的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.jshttp模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。原创 2022-11-10 15:15:00 · 1805 阅读 · 1 评论 -
Vue学习:路由
要到哪里去(to)?然后保安再告诉你下一步该怎么做(next())? [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pcekBNZI-1667816366270)(assets/image-20221030104335967.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-P7kW7Bbk-1667816366216)(assets/image-20221029102040346.png)]原创 2022-11-07 18:20:35 · 4015 阅读 · 0 评论 -
Vue学习:插槽
在某些场景中,我们可能想要为子组件传递一些模板片段,让子组件在它们的组件中渲染这些片段。 上面我们使用的是默认插槽,它是没有名字的,那如果一个组件内部,它将使用多个slot时,那我们怎么知道把某些代码片段放到那个slot中呢?]中我们讨论到,插槽的内容无法访问到子组件的状态.然而在某些场景下插槽的内容可能想要同时使用父组件域内和子组件域内的数据。插槽内容可以访问到父组件的数据作用域,因为插槽内容本身是在父组件模板中定义的,插槽内容。时,我们需要一种方式将多个插槽内容传入到各自目标插槽的出口。原创 2022-11-07 18:18:44 · 1847 阅读 · 2 评论 -
Vue学习:组件间的通信
数组用法中我们只能说明传入的attribute的名称,并不能对其进行任何形式的限制,接下来我们来看一下对象的写法是如何让我们的props变得更加完善的。在开发中很常见的就是父子组件之间通信,比如父组件有一些数据,需要子组件来进行展示:这个时候我们可以通过props来完成组件之间的通信;比如App可能使用了多个相同的子组件,每个地方的子组件展示的内容不同,那么我们就需要使用者传递给子组件一些数据,让其进行展示;也可能是子组件中发生了事件,需要由父组件来完成某些操作,那就需要子组件向父组件传递事件;原创 2022-11-04 10:28:51 · 382 阅读 · 0 评论 -
Vue学习:组件化
人处理问题的方式:任何一个人处理信息的逻辑能力都是有限的所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但是,我们人有一种天生的能力,就是将问题进行拆解。如果将一个复杂的问题,拆分成很多个可以处理的小问题,再将其放在整体当中,你会发现大的问题也会迎刃而解。认识组件化开发:组件化也是类似的思想:如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展;原创 2022-11-03 19:21:19 · 823 阅读 · 0 评论 -
Vue学习:vue生命周期
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。生命周期又称为生命周期回调函数,生命周期函数,生命周期钩子。在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册js方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的this直接指向的是vue的实例。原创 2022-11-03 18:59:34 · 374 阅读 · 0 评论 -
Vue学习:计算属性
我们对计算属性提供了get()方法, 但是我们如果想去修改计算属性,我们也可以提供set()方法, 但是在实际开发中,我们几乎不会对计算属性提供set()方法,这是因为我们的计算属性一般都是为了读取,区别就是: 插值实现,如果使用多次,不会走缓存,sum()函数会被调用n次,但是使用计算属性,我们的计算属性会进行缓存, 所以使用多次,都不会重复调用get()函数。此时我们就实现了两个数的相加,但是我们需要注意一点, 计算属性的get函数在什么时候被调用呢?1) 计算属性初次被使用的时候。原创 2022-11-03 11:47:36 · 1037 阅读 · 0 评论 -
VUE学习:vue简介、vue指令
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。原创 2022-11-01 14:38:36 · 705 阅读 · 0 评论