![](https://img-blog.csdnimg.cn/c7e4b8f5adc248209878c2b6e8d7c533.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue的一些整理
文章平均质量分 83
整理vue2和vue3的一些方法,交流分享
一只小可乐吖
生活明朗,万物可爱。
展开
-
Vue--如何自己实现双向数据绑定v-model ?
通过将表单控件封装成自定义组件,我们可以使用组件的 props 和 emit 方法方便地处理数据的双向绑定。原创 2023-05-30 19:32:38 · 1926 阅读 · 0 评论 -
VUE常见面试题
vue常见面试题,路由、钩子函数、组件、数据流原创 2023-05-30 15:05:44 · 2348 阅读 · 0 评论 -
vue3中使用百度地图BMAP
以上就是在Vue3中使用百度地图的基本步骤。需要注意的是,由于Vue3使用了Composition API,可能需要在setup函数中引入地图相关的对象,以便在组件中使用。在以上示例中,使用了Vue3的ref和onMounted函数来创建地图,并将地图对象添加到模板中的div元素中。1. 在项目中引入百度地图的API文件。其中,密钥可以在百度地图开放平台申请。2. 在需要使用地图的组件中引入。原创 2023-05-30 14:14:58 · 3605 阅读 · 0 评论 -
在vue中集成高德地图amap-jsapi-loader
这里使用的是amap-jsapi-loader。@amap/amap-jsapi-loader是一个用于加载高德地图JavaScript API的工具库。它可以帮助开发者快速、简便地在网页中引入高德地图API,并提供了一些方便的配置选项和回调函数,以便开发者更好地控制地图的加载和初始化过程。该工具库适用于各种前端框架和库,如React、Vue、Angular等。原创 2023-05-29 17:29:29 · 3841 阅读 · 3 评论 -
路由 vue-router4.x
Vue3支持最新版本由于Vue 3 引入了createApp API,该API更改了将插件添加到Vue实例的方式。因此,以前版本的Vue Router将与Vue3不兼容。Vue Router 4 引入了createRouter API,该API创建了一个可以在Vue3中安装 router 实例。原创 2023-05-29 16:33:52 · 2351 阅读 · 0 评论 -
pinia状态管理 用法
Pinia是一个用于vue的状态管理库,类似于vuex,是vue的另一种状态管理工具。Pinia 是 Vue 的存储库,它允许跨组件/页面共享状态。实际上,Pinia就是Vuex的升级版,官网也说过,为了尊重原作者,所以取名pinia,而没有取名Vuex,所以大家可以直接将Pinia比作为vue3的vuex。很多人也将Pinia称为vuex5。在Pinia中,每个store都是单独存在,一同进行状态管理。原创 2023-05-25 16:56:46 · 1948 阅读 · 0 评论 -
路由 vue-router3.x
vue的路由使用在SPA应用中的组件跳转,相当于多页面的a标签。vue2使用vue-router3。vue3使用vue-router4原创 2023-05-05 21:03:09 · 222 阅读 · 0 评论 -
VueX数据管理工具
action里提交(commit)mutation,mutation里修改(mutate)state的数据,state的数修改后,会响应式渲染到模板上。注: 组件里派发action(或者提交mutation)时,如果,直接写action(mutation)的名字,那么就会找到所有同名的action(mutation)。换句话说,在vuex中,对mutation的定义(定位)是:修改状态的,即:在mutation提交的前后,状态应该是不一样的。在代码的角度上,action是来提交mutation的。原创 2023-05-05 15:43:18 · 206 阅读 · 0 评论 -
组件的属性
属性可以多传 但是注册了的属性就必须传 不然有可能会在使用时因为取值问题出BUG。用途用于组件之间的传值,正常情况下被导入的那个组件内想使用导入它的那个组件的data数据值是不能实现的,这里的组件的属性可以办到。在其它组件中使用该组件时用到的对应的属性设置的值会传给该组件。原创 2023-04-23 19:30:08 · 370 阅读 · 1 评论 -
VUE组件化
组件是自定义标签,vueJS提供的组件可以让程序员自定义标签,对页面进行模块化。每个 标签里包含HTML,CSS,JS。 vue的组件就是一个vue对象。(vue的两大核心:数据驱动,组件化) 。vue对象的配置项在vue组件里也可以使用。原创 2023-04-20 20:49:21 · 295 阅读 · 0 评论 -
虚拟DOM和diff算法
传统diff算法通过循环递归对节点进行依次对比,两两对比所花费的时间复杂度为O(n^2),找到差异后还要计算最小转换方式,所以传统算法时间复杂度达到 O(n^3) ,n是算法中问题的规模,这里即为树的节点数。使用js操作DOM时(增删改查等等),那么DOM元素的变化自然会引起页面的回流(重排)或者重绘,页面的DOM回流(重排)或者重绘自然会导致页面性能下降,那么如何尽可能的去减少DOM的操作是框架需要考虑的一个重要问题!,然后再通过特定的render(渲染)方法将其渲染成真实的DOM的节点。原创 2023-04-20 20:04:26 · 143 阅读 · 0 评论 -
VUE2:model层语法(VUE的配置项)
系统(官方)指令在不够用的情况下,考虑自定义,指令是个函数|对象,用来操作dom的, 里面的this 返回windowVue.directive('指令名',{}//指令第一次绑定到元素时调用,此时DOM元素还没有显示在页面上inserted:function(el,binding){} //绑定指令的DOM元素插入到父节点时调用。DOM已经渲染(显示)update:function(el,binding){} //指令所在的元素的model层的数据被修改,view有更新请求时。原创 2023-04-19 21:29:56 · 1088 阅读 · 0 评论