![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue知识点记录
潇潇-潇潇
这个作者很懒,什么都没留下…
展开
-
vue - ajax与axios的区别
1.axios是一种基于Promise封装的HTTP客户端,ajax是异步js和xml,是一种异步请求的技术2.axios是通过Promise实现XHR封装,其中Promise是控制手段,XHR是实际发送Http请求的客户端; ajax技术是实现网页的局部数据刷新3.从浏览器中创建 XMLHttpRequest4.axios支持Promise API5.自动转换为JSON数据6.拦截请求和响应7.提供了一些并发请求的接口(axios.all)8.客户端支持防止CSRF:就是让你的每个请求都带一原创 2021-08-30 20:25:39 · 659 阅读 · 0 评论 -
vue - vue中虚拟dom的理解?vue虚拟Diff算法
vue中虚拟dom的理解1.虚拟dom本质上是一个普通的js对象,用于描述视图的界面结构。2.在vue中,每个组件都有一个render函数,每个函数都会返回一个虚拟dom树,这也意味着每个组件都对应一颗虚拟dom树。为什么需要虚拟dom3.在vue中,调用视图会调用render函数,这种渲染不仅发生在组件创建时,同时发生在数据依赖的数据更新时,如果在渲染时,直接使用真实Dom,会带来大量的性能消耗,从而极大的降低渲染效率。虚拟dom如何转换为真实dom4.每一个组件实例首次被渲染时,先生成虚拟d原创 2021-08-30 20:00:14 · 163 阅读 · 0 评论 -
vue转载 - vue路由权限
https://blog.csdn.net/m0_50618406/article/details/110086688原创 2021-08-30 12:03:20 · 74 阅读 · 0 评论 -
vue、react - vue与react的区别?
相似之处:1.两者都是用于创建UI的JavaScript库2.都有Virtual DOM(虚拟dom),组件化开发,props的概念3.都是数据驱动视图4.都有独立但常用的路由器和状态管理库不同点:1.react是函数式,所以推崇纯组件,数据不可变,单向数据流,使用setState重新渲染。而vue是数据可变的,双向绑定。2.react使用jsx,而vue使用html,css,js组合到一起3.react每当应用的状态被改变时,全部子组件都会重新渲染。当然可以通过shouldComponen原创 2021-08-30 00:07:59 · 120 阅读 · 0 评论 -
vue - vue2.0与vue3.0的区别
1.重构响应式系统,使用proxy代替object.Object.defineProperty2.新增Composition API,更好的逻辑复用和代码组织3.修改了虚拟dom的算法,vue2需要diff所有的虚拟节点,vue3采用分层次,找到不同的层,针对变化的层进行diff,更新速度不会在受模板的影响,而是由可变的内容决定。4.vue使用ts编写5.项目目录结构发生变化:移除了config 和 build、static,新增public 文件夹,index.html移到public中6.vu原创 2021-08-29 13:22:27 · 219 阅读 · 0 评论 -
vue转载 - 路由钩子
1.路由钩子函数:全局钩子:(1)beforeEachto: 即将要进入的目标路由对象from: 当前导航正要离开的路由next: 路由的控制参数,常用的有next(true)和next(false)。(2)afterEach:after 钩子没有 next 方法,不能改变导航某个路由独享的钩子:(3) beforeEnter组件内钩子:(4) beforeRouteEnter(5)beforeRouteUpdate(6)beforeRouteLeave2.路由之间跳转有哪些方式:转载 2021-09-28 11:19:45 · 79 阅读 · 0 评论 -
vue - 修饰符
vue修饰符:表单修饰符(重点)1.lazy( 2.number(v-model.number=“XXX”):输入字符串转为数字3.trim(事件修饰符(重点)按键修饰符:.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right系统修饰键.ctrl.alt.shift.meta...原创 2021-08-19 18:01:30 · 42 阅读 · 0 评论 -
vue -【如何使用vue ui图形化界面创建一个vue项目?(注意:适用于3.0.x版本)】
一、准备工作:1.下载并安装node.js:需6.0版本及以上(https://www.jianshu.com/p/02b12c600c7b)2.查看node版本命令:node -v3.查看npm版本命令:npm -v,node自带npm包管理工具二、安装vue-cli 3.0命令npm install -g @vue/cli或者yarn global add @vue/cli三、进入项目管理器1.输入:vue ui2.进入vue项目管理器3.创建项目原创 2021-02-26 16:55:57 · 334 阅读 · 0 评论 -
vue - mvvm模式的理解?
1.MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View2.MVVM 中的核心VM。 vm负责连接 View 和 Model,保证视图和数据的一致性,这种轻量级的架构让前端开发更加高效、便捷。3.在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之.原创 2021-01-13 18:16:56 · 530 阅读 · 0 评论 -
vue转载 - vue中钩子函数
https://www.jianshu.com/p/bcf01d49ed15转载 2020-04-14 10:39:27 · 165 阅读 · 1 评论 -
vue - 使用脚手架搭建项目
1.查看npm是否安装:npm -v2.查看node.js是否安装:node -v3.安装脚手架:npm install vue-cli -g4.用webpack初始化项目:vue init webpack 项目名称 (webpack为初始化模板,也可选择其他模板)5.启动项目:npm run dev...原创 2020-04-13 14:39:49 · 71 阅读 · 0 评论