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 0000000000000000000000000000000000000000..51237438c86c714b7ddb08c4782164450ac4dec1
--- /dev/null
+++ "b/\351\231\210\345\207\257/Vue\344\275\234\344\270\232/4-1/List.html"
@@ -0,0 +1,28 @@
+
+
+
+
+
+ 列表
+
+
+
+
+
+
+
+
\ 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 0000000000000000000000000000000000000000..09155eb7515b1a8bc5df7f6bee905919c2c61686
--- /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