![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 72
夏兮颜☆
虽然很辛苦,但我还是要选择那种滚烫的人生
展开
-
Vue的路由实现:hash模式 和 history模式原理及区别
### 2.1.1Hash模式:在url中有符号“#”存在。URL中的#符号后面的部分,也称为锚点。,用window.location.hash读取;**特点:**- hash不会重加载页面- hash 模式下,仅 hash 符号之前的内容会被包含在请求中。如 http://www.xxx.com,因此对于后端来说,即使没有做到对路由的全覆盖,也不会返回 404 错误- 兼容性好,可以支持所有浏览器**缺点:**- 页面不美观### 2.1.2History模式:history原创 2023-04-24 15:02:17 · 931 阅读 · 0 评论 -
vue生命周期的理解?
Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译版、挂载Dom ->染、更新 ->渲染、卸载 等一系列过程,称这是Vue的生命周期。beforeCreate (创建前): 数据观测和初始化事件还未开始,此时 data 的响应式追踪、event/watcher都还没有被设置,也就是说不能访问到data、 computed、watch、methods上的方法和数据。原创 2023-04-24 14:41:51 · 403 阅读 · 0 评论 -
Vue相关知识点【3】
vue中组件是用来复用的,为了防止data复用,将其定义为函数vue中组件中的data数据都应该是相互隔离,互不影响的,组件每复用一次,data数据就应该被复制一次,之后,当某一处复用的地方组件内data数据被改变时,其他复用地方的dtat数据不受影响,就需要通过dtat函数返回一个对象作为组件的状态。原创 2023-03-27 17:05:33 · 71 阅读 · 0 评论 -
Vue相关知识点【2】(路由相关)
vue路由就是指vue-router,其中router是指根据url分配到对应的处理程序,所以说路由就是用来解析URL以及调用对应的控制器并返回从试图对象中提取好的网页代码给web服务器,最终返回给客户端。定义动态路由在router目录下的index.js文件中,对patj属性加上/:id。获取动态路由传过来的值使用router对象的params.id获取//全局获取动态路由传递过来的值//局部或者是在方法内获取。原创 2023-03-27 17:01:07 · 63 阅读 · 0 评论 -
Vue常用的修饰符有哪些有什么应用场景?
在移动端,当我们在监听元素滚动事件的时候,会一直触发onscroll事件会让我们的网页变卡,因此我们使用这个修饰符的时候,相当于给onscroll事件整了一个.lazy修饰符。在Vue中,修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理。在我们填完信息,光标离开标签的时候,才会将值赋予给value,也就是在change事件之后再进行信息同步。在我们填写表单的时候用得最多的是input标签,指令用得最多的是v-model。原创 2023-02-03 11:14:14 · 150 阅读 · 0 评论 -
Vue中自定义指令的理解,应用场景有哪些?
指令系统是计算机硬件的语言系统,也叫机器语言,它是系统程序员看到的计算机的主要属性。因此指令系统表征了计算机的基本功能决定了机器所要求的能力。我们看到的v-开头的行内属性,都是指令,不同的指令可以完成或实现不同的功能bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置inserted:被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中)updatecomponentUpdated:指令所在组件的VNode及其子VNode全部更新后调用。原创 2023-02-01 16:01:20 · 115 阅读 · 0 评论 -
说说你对vuex的理解?
vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。官方说的是在大型项目中推荐使用vuex,但是我个人的理解是当页面的组件比较多,业务比较复杂。vuex其实就是一个管理数据的工具,通过vuex我们可以解决组件之间数据共享的。时,数据难以维护,这个时候我一般会使用vuex。问题,后期也方便我们管理以及维护。原创 2023-01-31 09:49:40 · 113 阅读 · 0 评论 -
说一下你对vue组件通信的理解?
非父子组件之间通信我们可以使用vuex或者event bus,而这个event bus我们把它称之为中央事件总线,vue中央事件总线这种方法适用于任何情况的父子组件通信,同级别组件通信,相当于组件通信间的万金油。但是碰到多人合作时,代码的维护性较低,代码可读性低(可忽略)非父子组件之间通信我们一般使用event bus,中央时间总线来进行解决,而中央事件总线是通过vue实例化之后的对象调用bus.emit来进行数据的发送,通过bus.$on来进行接收。两种,一种是数组,另外一种是对象。原创 2023-01-20 18:49:39 · 1335 阅读 · 0 评论