尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
10.vue指令6
内容指令-v-on-调用传参作用传自定义参数步骤第一步在第一个加入形参如price随后在函数中加入参数methods:{buy (price){this.monney -price}}加入标签属性在函数buy里加入参数button clickbuy(10)阿萨姆/button加入被执行标签div idapp button clickbuy(10)阿萨姆/button button clickbuy(5)ad钙奶/button p银行卡余额 {{money}}元/p /div补充添加边框1.手动添加syle属性!DOCTYPE html html langen head meta charsetUTF-8 meta http-equivX-UA-Compatible contentIEedge meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title style .box { border: 3px solid #333; /* 黑色实线边框粗细 3px */ padding: 20px; /* 内边距让文字不贴边 */ border-radius: 12px; /* 圆角更美观 */ display: inline-block; /* 宽度根据内容自适应 */ background-color: #f5f5f5; /* 浅灰色背景突出显示 */ } button { margin: 5px; padding: 6px 14px; cursor: pointer; } p { font-size: 18px; font-weight: bold; } /style /head /head2.添加盒子div classbox效果代码!DOCTYPE html html langen head meta charsetUTF-8 meta http-equivX-UA-Compatible contentIEedge meta nameviewport contentwidthdevice-width, initial-scale1.0 titleDocument/title style .box { border: 3px solid #333; /* 黑色实线边框粗细 3px */ padding: 20px; /* 内边距让文字不贴边 */ border-radius: 12px; /* 圆角更美观 */ display: inline-block; /* 宽度根据内容自适应 */ background-color: #f5f5f5; /* 浅灰色背景突出显示 */ } button { margin: 5px; padding: 6px 14px; cursor: pointer; } p { font-size: 18px; font-weight: bold; } /style /head /head body !-- 创建 -- div idapp div classbox h3小杜自动售货机/h3 button clickbuy(10)阿萨姆/button button clickbuy(5)ad钙奶/button /div p银行卡余额 {{money}}元/p /div script srchttps://cdn.jsdelivr.net/npm/vue2/dist/vue.js/script script const app new Vue({ el: #app, data: { money: 100 }, methods:{buy (price){ this.money - price}} }); /script /body /html注意小心标签格式正确使用标签开div闭/div否则无法使用如下正确数种
RELATED

相关推荐

AI辅助重构:用React+Three.js+Rapier重写3D娃娃机项目

AI辅助重构:用React+Three.js+Rapier重写3D娃娃机项目

1. 项目缘起:一个被遗忘的“半成品”与AI的邂逅五年前,我沉迷于用代码创造一些“无用但有趣”的东西。当时Three.js正火,物理引擎也让人着迷,于是心血来潮,想做一个在线的、可交互的娃娃机。想法很美好:用R…

📅 2026/10/8 0:04:16
Unity Tile Palette 2D地图编辑:从核心原理到高效工作流实战

Unity Tile Palette 2D地图编辑:从核心原理到高效工作流实战

1. 项目概述:为什么瓦片调色板是2D游戏开发的效率革命如果你刚开始接触Unity做2D游戏,尤其是平台跳跃、RPG或者俯视角地牢这类需要大量拼接地图的游戏,那么你很可能正面临一个最头疼的问题:如何在场景里一块一块地手动摆放那些草地…

📅 2026/9/22 12:59:41
轻量级LLM文本质检工具:动态别名识别与概念完整性检测

轻量级LLM文本质检工具:动态别名识别与概念完整性检测

1. 项目概述:轻量级LLM文本质检工具的核心价值这个开源工具瞄准了一个非常具体的痛点:当我们在处理大量文本内容时(比如技术文档、产品说明、知识库等),经常会出现核心概念缺失或表述不完整的情况。传统的人工检查方式…

📅 2026/9/12 5:44:13
MORE NEWS

更多资讯

📰

文件转Markdown:提升AI理解效率的底层预处理方法

1. 为什么“直接丢文件给AI”正在悄悄拖垮你的效率你有没有过这种体验:把一份20页的PDF产品说明书拖进对话框,等了半分钟,AI只吐出一句“我已阅读该文档”,然后你问“第三章讲了什么”,它开始含糊其辞,甚至…

📰

Linux下单例式线程池的实现与踩坑指南

单例式线程池这个东西,听起来像是把两个经典设计凑在一起,但真正在 Linux 上落地的时候,你才会发现它远比“单例模式 线程池”的简单叠加复杂得多。我最早接触它是在某跨平台系统的后台服务模块里,当时需要在整个进程内共享唯一的…

📰

C++单例式线程池设计与实现:全局唯一任务调度中心

单例式线程池:Linux后台开发里的那个“全局唯一”的任务调度中心做Linux后台开发的人,早晚会碰到线程池。但“线程池”这三个字,网上资料一大把,真正动手写一个能在生产环境里跑稳的,尤其是做成单例式线程池&#xff0…

📰

WorkBuddy开源框架:模块化AI协作底座的工程实践

1. 项目概述:这不是又一个“AI办公助手”,而是一套可拆解、可嵌入、可量产的智能协作底座“腾讯又来一王炸,开源版 WorkBuddy 太夯了!”——这句话在技术圈刷屏那天,我正帮某高校实验室调试一个跨平台教学协同系统。看…

📰

矩阵最长路径算法详解:从DFS到记忆化搜索的笔试实战

最近刷春招真题的时候,碰到一道很典型的算法岗笔试题,题面披着“爬山”的外衣,骨子里却是经典的矩阵最长路径问题。某电商平台把它放在算法岗笔试第三题的位置,说明出题人对候选人DFS和动态规划基本功的看重。这篇文章就把题目、解…

📰

DeepSeek Harness:Agent插件化底座的核心设计与工程实践

第一次听到“DeepSeek Harness”这个名字,多数人的第一反应是先愣一下:Harness 在传统工程里是线束、安全带的意思,怎么跟 Agent 扯上关系了?其实这个词在 Agent 基础设施里指的就是那层把所有部件串起来的底座——模型、工具、记…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬