Vue学习笔记
文章平均质量分 82
ـ٨ـﮩﮩ٨ـ千帆ﮩ٨、
这个作者很懒,什么都没留下…
展开
-
【Vue学习笔记】Mixin混入
Mixin封装的主要作用是将一些类中通用的方法和属性提取出来,封装成一个新的类,从而使代码更加模块化和可重用。例如,我们可以创建一个“可移动”Mixin,在多个类中引入该Mixin,这样所有的类都具有可移动的功能,避免了代码的重复。当Mixin与组件选项发生冲突时,Mixin的优先级高于组件选项,Mixin中的属性和方法会覆盖组件中的同名属性和方法。原创 2023-04-01 10:39:42 · 210 阅读 · 0 评论 -
【Vue学习笔记】跨域的六种解决方案
跨域问题的解决方法JSONPNginx反向代理CORS解决跨域问题postMessage解决跨域问题WebSocket解决跨域问题devServer代理跨域原创 2023-03-30 20:36:21 · 13559 阅读 · 0 评论 -
【Vue学习笔记】Axios使用
Axios是一个基于Promise的HTTP请求库,可以用于浏览器和Node.js平台。它可以帮助我们发送异步HTTP请求,处理HTTP响应,并支持拦截器、取消请求、自动转换JSON等功能,是一个非常强大和灵活的HTTP请求库。原创 2023-03-30 20:13:39 · 1578 阅读 · 0 评论 -
【Vue学习笔记】路由详解
在Vue中,路由是指通过URL路径来管理不同页面之间的交互跳转和状态切换的机制。Vue Router是Vue.js官方提供的路由管理器,可以用于构建单页应用(SPA)。通过Vue Router,开发者可以定义多个路由规则,每个规则对应一个路径,访问该路径时就会渲染对应的组件。同时,Vue Router还支持动态路由、嵌套路由、命名路由、路由传参等功能,方便开发者根据实际需求进行配置和使用。在Vue中使用路由需要先安装Vue Router,并在Vue实例中注册路由器。然后,就可以使用。原创 2023-03-30 19:49:42 · 1430 阅读 · 0 评论 -
【Vue学习笔记】 组件化
组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树原创 2023-03-18 14:44:10 · 292 阅读 · 0 评论 -
【Vue学习笔记】vue/cli
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。可升级;基于 webpack 构建,并带有合理的默认配置;可以通过项目内的配置文件进行配置;可以通过插件进行扩展。一个丰富的官方插件集合,集成了前端生态中最好的工具。一套完全图形化的创建和管理 Vue.js 项目的用户界面。原创 2023-03-18 11:15:37 · 93 阅读 · 0 评论 -
【Vue学习笔记】过滤器(filter)
Vue.js 允许自定义过滤器,可被用于一些常见的文本格式化,比如字母的大写、日期的格式化。vue1.x版本有系统自带过滤器,vue2.x之后完全需要自定义,没有自带过滤器。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示。我们可以用全局方法自定义一个全局过滤器。这样的话,每一个Vue的对象实例(每一个VM实例)都可以拿到这个过滤器。它接收两个参数:过滤器的名称 、过滤器函数。原创 2023-02-25 10:31:10 · 204 阅读 · 0 评论 -
【Vue学习笔记】属性检测(侦听属性)watch
需要在数据变化时执行异步或开销较大的操作时,这个时候需要属性检测watch。而不要使用计算属性,因为计算属性是同步的(需要立即返回结果)。watch监听主要用来监听data中的数据 当data的数据改变了watch就会触发执行一些函数 方便我们再数据改变之后 完成一些功能。原创 2023-02-25 10:18:23 · 183 阅读 · 0 评论 -
【Vue学习笔记】计算属性(computed)
在模板(HTML)中放入太多的逻辑会让模板过重且难以维护,而且不好阅读。计算属性computed来帮忙。计算属性是一个函数,是经过元数据(data里)进一步运算后的数据,计算属性的优点是:当元数据不发生变化时,不会再做计算(即:缓存了第一次调用函数的结果),只有元数据发生变化时,才做计算。是响应式的,需要在模板中渲染才可调用(计算属性只能在模板上使用 )原创 2023-02-25 10:02:46 · 889 阅读 · 0 评论 -
【Vue学习笔记】vue的系统指令与修饰符
指令就是再vue中 使用v-前缀的html特殊属性 指令就是用来扩展再vue中标签的功能语法: 写在开标前 v-指令=“指令值”原创 2023-02-22 18:15:07 · 308 阅读 · 0 评论 -
【Vue学习笔记】Vue框架初识
vue官网构建数据驱动的web应用开发框架Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架Vue 被设计为可以自底向上逐层应用Vue 的核心库只关注视图层数据驱动和组件化便于与第三方库或既有项目整合,另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。Vue 不支持 IE8 及以下版本。原创 2023-02-22 17:17:51 · 57 阅读 · 0 评论