分类: Vue2

Vue2 核心概念与用法详解1. 插值表达式作用：在模板中显示数据本质：将 data 或 computed 中的值渲染到 DOM语法：{{ 表达式 }}2. 常见指令2.1 动态绑定 HTML 属性v-bind 简写 : :class="class...

Vue2 Vuex 核心用法实操（含分模块）1. 创建Vue2项目（终端操作）通过终端命令创建Vue2项目，后续修改项目内容以实现Vuex状态管理： vue create 项目名称 创建完成后，重点修改store/index.js文件，编写Vue...

Vue2 插槽（Slot）核心用法详解一、核心概念插槽的本质是子组件内部的一个占位符，它的作用是：允许父组件在使用子组件时，向子组件的指定位置插入任意内容（文本、HTML标签、Vue2组件），进而实现子组件内容的个性化定制，无需修改子组件本身的代码。...

Vue2 组件化与生命周期钩子一、Vue2 的组件化1. 什么是Vue2 的组件化？把一个完整的页面，拆分成多个独立、可复用、功能单一的 “小模块（组件）”，每个组件只负责处理自己的视图、逻辑和样式，最后像 “搭积木” 一样，把这些小组件组合起来，形...

Vue组件通信核心详解（Props+自定义事件）一、为什么组件通信是Vue开发的必闯难关想象这样一个场景：父组件的用户信息需要实时同步到子组件的个人资料卡片，而子组件的设置修改又要反馈给父组件更新全局状态——这种数据流转就像两个隔离房间之间传递文件，...