From f0ed76db7c6899cbed7bfb23086f2fa89ba6b4c9 Mon Sep 17 00:00:00 2001 From: dichgrem Date: Thu, 30 Oct 2025 14:35:06 +0800 Subject: [PATCH] start:vue3 --- flake.lock | 27 ++++++++ flake.nix | 25 ++++++++ test1.html | 6 ++ vue1.html | 31 +++++++++ vue2.html | 121 +++++++++++++++++++++++++++++++++++ vue3.html | 134 ++++++++++++++++++++++++++++++++++++++ vue4.html | 122 +++++++++++++++++++++++++++++++++++ vue5.html | 105 ++++++++++++++++++++++++++++++ vue6.html | 184 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 9 files changed, 755 insertions(+) create mode 100644 flake.lock create mode 100644 flake.nix create mode 100644 test1.html create mode 100644 vue1.html create mode 100644 vue2.html create mode 100644 vue3.html create mode 100644 vue4.html create mode 100644 vue5.html create mode 100644 vue6.html diff --git a/flake.lock b/flake.lock new file mode 100644 index 0000000..8547e38 --- /dev/null +++ b/flake.lock @@ -0,0 +1,27 @@ +{ + "nodes": { + "nixpkgs": { + "locked": { + "lastModified": 1757034884, + "narHash": "sha256-PgLSZDBEWUHpfTRfFyklmiiLBE1i1aGCtz4eRA3POao=", + "owner": "NixOS", + "repo": "nixpkgs", + "rev": "ca77296380960cd497a765102eeb1356eb80fed0", + "type": "github" + }, + "original": { + "owner": "NixOS", + "ref": "nixpkgs-unstable", + "repo": "nixpkgs", + "type": "github" + } + }, + "root": { + "inputs": { + "nixpkgs": "nixpkgs" + } + } + }, + "root": "root", + "version": 7 +} diff --git a/flake.nix b/flake.nix new file mode 100644 index 0000000..f4fe886 --- /dev/null +++ b/flake.nix @@ -0,0 +1,25 @@ +{ + description = "A Nix-flake-based development environment with Vue CLI"; + + inputs.nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable"; + + outputs = { self, nixpkgs }: + let + supportedSystems = [ "x86_64-linux" "aarch64-linux" ]; + forEachSupportedSystem = f: + nixpkgs.lib.genAttrs supportedSystems (system: + f { + pkgs = import nixpkgs { inherit system; }; + }); + in + { + devShells = forEachSupportedSystem ({ pkgs }: { + default = pkgs.mkShell { + packages = with pkgs; [ + nodejs + yarn + ]; + }; + }); + }; +} diff --git a/test1.html b/test1.html new file mode 100644 index 0000000..68faf9f --- /dev/null +++ b/test1.html @@ -0,0 +1,6 @@ + + + + +> diff --git a/vue1.html b/vue1.html new file mode 100644 index 0000000..1e3d1bb --- /dev/null +++ b/vue1.html @@ -0,0 +1,31 @@ + + + + + + Vue3 demo + + + +
+

{{ count }}

+ +
+ + + + diff --git a/vue2.html b/vue2.html new file mode 100644 index 0000000..5f7d730 --- /dev/null +++ b/vue2.html @@ -0,0 +1,121 @@ + + + + + Vue 登录作业 + + + + + +
+

+ {{ isLoggedIn ? ("欢迎回来！已登录账号：" + currentUser) : "请登录" }} +

+ + +
+ + + +
+ + +
+ +
+
+ + + + + diff --git a/vue3.html b/vue3.html new file mode 100644 index 0000000..4862fff --- /dev/null +++ b/vue3.html @@ -0,0 +1,134 @@ + + + + + + + 猜数游戏 + + + + + + +
+

猜数游戏

+ 请输入一个 0-100 之间的随机整数: +

+
+ + + +
+ + +
+
+ + + + + + diff --git a/vue4.html b/vue4.html new file mode 100644 index 0000000..f389ad1 --- /dev/null +++ b/vue4.html @@ -0,0 +1,122 @@ + + + + + 学生成绩计算 + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + +
学科分数
语文
数学
英语
总分
平均分
+
+ + + + diff --git a/vue5.html b/vue5.html new file mode 100644 index 0000000..3e0b1a2 --- /dev/null +++ b/vue5.html @@ -0,0 +1,105 @@ + + + + + Vue3 小型购物车 + + + + +
+

购物车表格

+ + + + + + + + + + + + + + + + + + + + + +
序号书籍名称出版日期价格购买数量操作
{{ index + 1 }}{{ book.name }}{{ book.date }}￥{{ book.price.toFixed(2) }} + + {{ book.count }} + + + +
+ +

总价：￥{{ totalPrice.toFixed(2) }}

+
+ + + + + diff --git a/vue6.html b/vue6.html new file mode 100644 index 0000000..1f4172a --- /dev/null +++ b/vue6.html @@ -0,0 +1,184 @@ + + + + + 任务六 简易计算器 + + + + +
+
+

任务六 简易计算器

+ +

请输入第一个数：

+ + +

+ +

+ +

请输入第二个数：

+ + +

+ +
+ 得出结果：{{ result }} +
+ +

{{ errorMsg }}

+ +
+

历史记录（最近5次）

+
    +
  • {{ item }}
    • +
+
+
+
+ + + +