2024年1月7日
摘要: 定义 计算属性本质上是基于Vue实例的数据进行计算得出的属性,它们的值会根据依赖的数据发生变化而自动更新 当依赖数据发生变化时,计算属性处理的值也会变化。 使用场景 避免根据data的值直接计算,然后填充到模板中。这样让<template>显的很乱 语法 // 图标显示的状态 const statu 阅读全文
posted @ 2024-01-07 23:01 黑逍逍 阅读(1) 评论(0) 推荐(0) 编辑
摘要: watch 的作用是用于监测响应式属性的变化,并在属性发生改变时,执行特定的操作 const vm = new Vue({ data: { message: 'Hello' }, watch: { // 监听message的变化 message(newValue, oldValue) { conso 阅读全文
posted @ 2024-01-07 23:01 黑逍逍 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 初学时候,真抽象啊 就这个笔记,来来回回,更新好多次了 1.什么是dom DOM将HTML或XML文档表示为一个树形结构,其中每个节点都是文档中的一个元素(如标签、文本、注释等) 就是我们常看的源码格式 2. 什么是生命周期 就是vue组件,显示成浏览器页面的过程 3.挂载 挂载说简单点就是转化 这 阅读全文
posted @ 2024-01-07 23:01 黑逍逍 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 就是在一个vue中能使用其他的vue 有两种方式,全局注册和局部注册 全局注册: 注册之后,在哪都能直接用 局部注册: 只是在当前的vue中能使用 阅读全文
posted @ 2024-01-07 23:00 黑逍逍 阅读(1) 评论(0) 推荐(0) 编辑
摘要: =后面写遍历的语法 index可写可不写 <template> <div> <ul> <li v-for="(item, index) in items" :key="index"> {{ index}} {{ item }} </li> </ul> </div> </template> <scri 阅读全文
posted @ 2024-01-07 14:40 黑逍逍 阅读(1) 评论(0) 推荐(0) 编辑
摘要: v-if 指令用于条件渲染。当v-if 指令的表达式的值为真时,对应的元素会被渲染到DOM中。如果表达式的值为假,该元素则不会被渲染 <div id="app"> <h1 v-if="showMessage">你好,世界!</h1> </div> var app = new Vue({ el: '# 阅读全文
posted @ 2024-01-07 14:39 黑逍逍 阅读(1) 评论(0) 推荐(0) 编辑