自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 Vue路由

它与 Vue.js 的核心深度集成,使得我们可以通过定义路由规则来实现页面之间的切换,而无需刷新整个页面。而 Vue.js 路由(Vue Router)则是构建单页应用(SPA)不可或缺的一部分,它为应用提供了强大的导航功能。例如,可以在一个父路由下定义多个子路由,每个子路由对应一个不同的组件。通过将应用的不同页面拆分成独立的组件,并通过路由进行管理,使得应用的代码结构更加清晰,易于维护。提供了丰富的功能,如嵌套路由、路由参数、路由守卫等,可以满足各种复杂的应用需求。),可以在应用中实现页面的导航。

2024-08-25 11:07:06 598

原创 Vue.js 生命周期

此时已完成数据观测,属性和方法已被配置完毕,但尚未挂载到 DOM 上,所以无法操作 DOM 元素。在 Vue.js 中,生命周期是指组件从创建、挂载、更新到销毁的整个过程中所经历的一系列阶段。在挂载完成后被调用,此时组件已经被渲染到页面中,可以进行一些 DOM 操作和获取 DOM 元素。在实例销毁之前调用,可以在这里进行一些清理操作,如清除定时器、取消订阅事件等。在挂载开始之前被调用,此时模板已经编译完成,但尚未渲染到页面中。数据更新完成后调用,此时组件的 DOM 已经更新完成。

2024-08-17 19:27:47 222

原创 Vue.js 过渡与动漫基础

在当今的 Web 开发领域,用户体验的重要性日益凸显。而 Vue.js 作为一款流行的前端框架,提供了强大的过渡和动画功能,使我们能够为应用增添生动、流畅的交互效果。

2024-08-10 21:16:10 200

原创 Vue开发基础

Vue 中的组件中使用template模板定义 HTML结构,为了方便使用template 公共模板结构,Vue 提出了插槽(Slots)的概念,插槽就是定义在组件内部的template模板,可以通过$slots动态获取。Vue 实例初始化时,除了传人指定的选项外,还可以传人自定义选项。实例属性是指 Vue 实例对象的属性,如前面用过的 vm.$data 就是一个实例属性,它用来获取 vm 实例中的数据对象。vm.$root用来获取当前组件树的根Vue实例,如果当前实例没有父实例,则获取到的是该实例本身。

2024-08-03 14:44:19 322

原创 Vue数据绑定

内置指令

2024-07-20 16:57:53 182

原创 Vue的开发环境

不同的开发人员为了工作需要,会选择不同平台来进行项目开发工作,这样就在一定程度上限制了编辑器的使用范围。例如,可以快速查找文件直接进行开发,可以通过分屏显示代码,主题颜色可以进行自定义设置(默认是黑色),也可以快速查看最近打开的项目文件并查看项目文件结构。在进行 Vue开发时,我们经常会使用一些命令,如npm(包管理器)、vue-cli(脚手架)这些命令需要在命令行下使用。VS Code提供了插件扩展功能,用户可根据需要自行下载安装只需在安装配置成功之后,重新启动编辑器,就可以使用此插件提供的功能了。

2024-07-13 16:03:31 552

原创 Vue.js第一章

其他大型框架往往一开始就对项目的技术方案进行强制性的要求,而Vue 更加灵活,开发者既可以选择使用Vue 来开发一个全新项目也可以将 Vue引人到一个现有的项目中。2.数据绑定:Vue 是一个 MVVM 框架,数据双向绑定,即当数据发生变化的时候,视图也就发生变化当视图发生变化的时候,数据也会跟着同步变化,这也算是Vue的精髓之处。React 采用了特殊的JSX语法,Vue 中也推崇编写以*.vue后缀命名的文件格式,对文件内容都有一些规定,两者需要编译后使用。

2024-07-05 11:40:16 993

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除