From ddea61ce27da1ded8f2ff2db4ff69fc7f8e600c0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B9=BD?= <1901688086@qq.com> Date: Fri, 1 Apr 2022 11:18:07 +0800 Subject: [PATCH] new --- .../4-1/List.html" | 28 +++++++++++++++++++ .../Vue\344\275\234\344\270\232/4-1/index.js" | 26 +++++++++++++++++ 2 files changed, 54 insertions(+) create mode 100644 "\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/List.html" create mode 100644 "\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/index.js" diff --git "a/\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/List.html" "b/\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/List.html" new file mode 100644 index 0000000..5123743 --- /dev/null +++ "b/\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/List.html" @@ -0,0 +1,28 @@ + + + + + + 列表 + + + + + + + + + + +
{{item.text}}
+ + \ No newline at end of file diff --git "a/\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/index.js" "b/\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/index.js" new file mode 100644 index 0000000..09155eb --- /dev/null +++ "b/\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/index.js" @@ -0,0 +1,26 @@ +window.onload = () => { + let vm = new Vue({ + el: "#tb", + data: { + tr: { + shop1: { + url: "https://img13.360buyimg.com/n1/s450x450_jfs/t1/164634/19/25307/286510/61d7f732Ee7b9b6ed/a887066400167595.jpg", + text: "铭瑄（MAXSUN）MS-RX550变形金刚4G 电脑游戏/家用办公显卡" + }, + shop2: { + url: "https://img11.360buyimg.com/n1/jfs/t1/116942/34/20376/983435/61e53879E90178a91/7b7a3cc019928d3d.jpg", + text: "英伟达 NVIDIA T400 专业显卡 工业包装" + }, + shop3: { + url: "https://img13.360buyimg.com/n7/jfs/t1/195519/32/7205/208425/60c08a0eE58d56c12/7ecfec714b594da1.jpg", + text: "微星（MSI）超龙X GeForce RTX 3070 Ti SUPRIM X 8G 超旗舰 超频版 电脑独立显卡" + }, + } + }, + methods:{ + cli:function(even){ + alert(even.target.innerText) + } + } + }) +} \ No newline at end of file -- Gitee