Vue
文章平均质量分 79
从0到1学习Vue
郑祎亦
路遥知马力
展开
-
Vue 路由
Vue路由是通过vue-router插件实现的。它提供了一种机制,可以定义不同URL路径与组件之间的映射关系。通过这种映射关系,当用户访问某个URL时,对应的组件就会被加载并显示在页面上。原创 2024-05-07 19:56:09 · 818 阅读 · 1 评论 -
Vue 插槽
Vue插槽是一种特殊的语法,用于在组件中定义可复用的模板部分。它允许开发者在组件的标记中声明一个或多个插槽,然后在使用该组件时,可以根据自己的需求将内容插入到这些插槽中。Vue插槽分为默认插槽和具名插槽两种。原创 2024-05-06 13:10:01 · 876 阅读 · 0 评论 -
Vue 自定义指令
Vue 自定义指令可以让开发者在模板中直接调用指令来操作 DOM 元素或者监听事件。原创 2024-05-05 16:16:21 · 519 阅读 · 1 评论 -
Vue 组件间的数据绑定
在Vue组件中,v-model指令可以用来实现双向数据绑定。它用于将组件的属性和父组件中的数据进行双向绑定,使得当属性的值改变时,父组件中的数据也会相应地改变,并且当父组件中的数据改变时,属性的值也会相应地改变。原创 2024-05-04 22:33:06 · 485 阅读 · 2 评论 -
Vue 组件通信
组件与组件之间的数据传递组件的数据是独立的,无法直接访问其他组件的数据。通过组件通信,可以访问其他组件的数据。原创 2024-05-03 19:23:40 · 1254 阅读 · 6 评论 -
Vue 组件的三大组成部分
Vue 组件通常由三大组成部分构成:模板(Template)、脚本(Script)、样式(Style)模板部分是组件的 HTML 结构,它定义了组件的外观和布局。Vue 使用基于 HTML 的模板语法来声明组件的模板,可以插入动态数据、绑定事件等。脚本部分包含了组件的 JavaScript 代码,用于定义组件的行为逻辑。在脚本中,可以定义组件的数据(data)、计算属性(computed)、方法(methods)等。样式部分定义了组件的样式,用于控制组件的外观和样式。原创 2024-05-02 22:53:03 · 865 阅读 · 2 评论 -
Vue 工程化开发入门
Vue 组件式开发是一种将界面拆分为独立、可复用的组件的方法。每个组件都包含自己的模板、脚本和样式,可以在不同的页面中重复使用。原创 2024-05-01 23:26:20 · 430 阅读 · 1 评论 -
Vue阶段练习:初始化渲染、获取焦点、记账清单
阶段练习主要承接上文生命周期,学习完该部分内容后,进行自我检测,每个练习分为效果显示、需求分析、静态代码、完整代码、总结 四个部分,效果显示和准备代码已给出,我们需要完成“完整代码”部分。原创 2024-04-30 22:12:48 · 1316 阅读 · 1 评论 -
Vue 生命周期
Vue的生命周期包括了组件创建、挂载、更新和销毁等各个阶段,我们可以在不同的阶段进行相应的操作和处理。原创 2024-04-28 19:37:06 · 1325 阅读 · 1 评论 -
Vue阶段练习:tab栏、进度条、购物车
基于 Vue.js 的列表渲染练习,分别实现点击列表项切换活动状态的功能,点击按钮切换样式,原创 2024-04-22 23:56:00 · 1148 阅读 · 2 评论 -
Vue 指令、计算属性、侦听器
Vue 指令让你可以在 DOM 元素上添加特殊功能,计算属性用于实时计算数据值,而侦听器则监听数据变化并执行相应操作。原创 2024-04-20 23:57:31 · 1207 阅读 · 1 评论 -
Vue 阶段练习:记事本
通过将 Vue 快速入门和 Vue 指令的学习成果应用到实际场景中(如记事本应用),我们能够解决实际问题并提升对 Vue 的技能掌握原创 2024-04-16 22:09:39 · 815 阅读 · 0 评论 -
Vue 指令
指令是 Vue.js 中非常重要的一部分,它的主要职责是当其表达式的值改变时相应地将某些行为应用到DOM上。原创 2024-04-15 23:43:27 · 1772 阅读 · 1 评论 -
快速上手Vue
Vue 是一个高效的前端框架,具有高效、灵活、易用等特点,适合用于开发各种规模的 Web 应用。原创 2024-04-14 22:02:29 · 1194 阅读 · 0 评论