初学Vue（2）
2024-11-05文章目录监视属性 watch深度监视computed 和 watch 之间的区别绑定样式（class style）条件渲染列表渲染基本列表key的原理列表过滤列表排序收集表单中的数据 v-model过滤器（Vue3已移除）监视属性 watch当被监视的属性变化时，回调函数自动调用，进行相关操作监视的属性必须存在，才能进行监视监视的两种写法：a. new Vue时传入watch配置b. 通过vm.$watch监视<body> <div id="root">_import { watch } from 'vue
Vue 中引入 ECharts 的详细步骤与示例
2024-10-30在Vue项目中引入ECharts非常简单，只需要安装ECharts并在Vue组件中初始化即可。通过合理配置选项和数据，我们可以轻松地在前端页面中展示各种图表。同时，我们还可以按需引入ECharts模块来减小打包体积，提高性能。希望这篇博客能帮助你在Vue项目中更好地使用ECharts。创建一个Vue组件：例如，我们创建一个名为Chart.vue的组件来展示图表。在组件中引入ECharts">},methods: {_vue引入echart
HTML5与JavaScript实现的无组件文件上传
2024-10-30本文还有配套的精品资源，点击获取 简介：无组件上传技术允许网页应用通过HTML和JavaScript实现文件上传功能，而无需依赖服务器端特定组件。这种上传方式轻量级、易于维护，适用于小型项目。开发者通过创建 <input type="file"> 元素实现前端上传功能，并使用Ajax与FormData对象进行异步文件提交。服务器端则利用ASP的Re..._不依赖jquery的独立文件上传前端组件
vue聊天对话ai流式输出
2024-06-07<template> <div class="talkContent"> <div class="talkShow" id="words"> <div :class="[(item.person=='mechanical')?'mechanicalTalk':'mineTalk']" v-for="(item,index) in talkList" :key="index"> <span>{{item_支持流式传输的前端对话框页面 vue
css案例：小黄人案例
2024-10-26css案例：小黄人案例先看效果图眼睛和嘴巴有做动画的，但是我懒得上传gif了。3. 源码 html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style> .contain { width: 400px; height: 600px; border: 1px solid #000; margin: 0 auto;
第三次作业
2024-08-21登录">精选JBL T280TWS X2 真无线蓝牙耳机 半入耳音乐耳机...JBL T280TWS X2 真无线蓝牙耳机 半入耳音乐耳机...
css 实现反向圆角
2024-09-18源代码 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>test</title> </head> <body> &_css 反向圆角
HTML5基础
2024-02-19一.html5的基本框架：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">_html基本框架代码
CSS写代码使页面划分为左右两个区域
2024-09-09为了在 CSS 中使页面划分为左右两个区域，你可以使用 float 属性。首先，你需要在 HTML 中创建两个容器元素(例如 div)来表示左右两个区域。然后在 CSS 中对这两个容器分别设置 float: left 和 float: right 即可。例如：<div class="left">左侧区域</div><div class="right">右侧..._div将页面划分左右两部分
html--云朵
2024-09-01<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" c_469703bf-9ba3-4156-9d40-fe585a20817e