摘要： 定义 计算属性本质上是基于Vue实例的数据进行计算得出的属性，它们的值会根据依赖的数据发生变化而自动更新 当依赖数据发生变化时，计算属性处理的值也会变化。 使用场景 避免根据data的值直接计算，然后填充到模板中。这样让<template>显的很乱 语法 // 图标显示的状态 const statu 阅读全文

摘要： 就是在一个vue中能使用其他的vue 有两种方式，全局注册和局部注册 全局注册： 注册之后，在哪都能直接用 局部注册： 只是在当前的vue中能使用 阅读全文

摘要： =后面写遍历的语法 index可写可不写 <template> <div> <ul> <li v-for="(item, index) in items" :key="index"> {{ index}} {{ item }} </li> </ul> </div> </template> <scri 阅读全文

摘要： v-if 指令用于条件渲染。当v-if 指令的表达式的值为真时，对应的元素会被渲染到DOM中。如果表达式的值为假，该元素则不会被渲染 <div id="app"> <h1 v-if="showMessage">你好，世界！</h1> </div> var app = new Vue({ el: '# 阅读全文

摘要： 事件处理分类 内联事件处理：内联事件处理是指直接在 Vue 模板的 HTML 元素上写入 JavaScript 代码来处理事件。这种方式允许你在模板中直接定义事件响应逻辑，而不是在 Vue 实例的 methods 部分。这种方式适用于简单的逻辑，可以避免为了小功能而编写额外的方法 <button @ 阅读全文

摘要： Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。 vue2只支持选项式 API vue3支持两种 选项式 API (Options API) 在 Vue 2 中引入并继续在 Vue 3 中支持的选项式 API，是一种通过声明式选项（如 data, methods, comp 阅读全文

摘要： 啊 阅读全文

摘要： 啊 阅读全文

摘要： 插槽（Slot）是一种模板语法，用于让子组件能够接收来自其父组件的 HTML 或组件内容 <slot> 是用来定义组件插槽的，放在子组件，父组件定义的内容会被放到子组件的 <slot> 位置 简单的说：就是你父组件引用了子组件，然后你还想对子组件进行局部更改，在子组件设置上插槽，就能改那了 多个插槽 阅读全文

摘要： 一个.vue 文件就是一个组件，分为根组件和组件 吐槽：vue的官网文档，是我见过最垃圾的，说不明白，让新手很难上手。当我多次再来看的时候，依旧懵懵懂懂。很多都搞不清。谁说前端简单？我给他大比斗 一般将App.vue作为根组件，将vue2_demo和vue3_demo等作为子组件导入并注册 // A 阅读全文