diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220329/20220329/firstvue.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220329/20220329/firstvue.html" new file mode 100644 index 0000000000000000000000000000000000000000..6ad115bc1a6fff800e92ca75a080c04e23e04f5b --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220329/20220329/firstvue.html" @@ -0,0 +1,37 @@ + + + + + + + + + 第一个vue案例 + + +
+
+ {{message}}
+ {{message}}
+ {{message}}
+ {{message}}
+ {{message}}
+ {{muilt.msg}}
+ {{show}} +
+
+ + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220329/demo.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220329/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..9bdd73a9d7b02cf495a9f67011cd5649cfa6596f --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220329/demo.html" @@ -0,0 +1,30 @@ + + + + + + + + vue + + + +
+ {{num}} +
+ + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220330/demo01.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220330/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..6d596334a29c63abbadbc656109927ff859e3065 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220330/demo01.html" @@ -0,0 +1,151 @@ + + + + + + + + 模板语法 + + + + + +
+
+ +
+
改变class
+ +
+ + + + +
+ +

display控制显示隐藏

+ +
+ show内容 + +
+ {{work}} +
+ + 年龄{{pages}} + +
+
you be kill
+
you no boy
+ +
+ + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220331/demo01.css" "b/\346\235\216\344\277\241\345\256\217/Vue/20220331/demo01.css" new file mode 100644 index 0000000000000000000000000000000000000000..0739107ee27ec00a23aab7f5770f69e90399166f --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220331/demo01.css" @@ -0,0 +1,131 @@ + +.body { + color: #333; + font-size: 12px; + line-height: 1.28571; + display: inline-block; +} + +* { + margin: 0; + padding: 0; +} + +ul { + width: 480px; + margin: 0 auto; +} + +a { + text-decoration: none; +} + +li { + display: inline; + float: left; + width: 170px; + padding-left: 200px; + height: 46px; + line-height: 46px; + font-size: 16px; + font-weight: 700; + color: #000000; +} + +.zhuce { + height: 46px; + border-bottom: 1px solid #e6e6e6; + position: relative; + margin-bottom: 10px; +} + +.se { + color: #ff7300; + border-bottom: 1px solid #ff7300; + pointer-events: none; +} + +.member-sumary { + text-align: center; + font-weight: bold; + margin-bottom: 30px; +} + +.concon { + margin: 0 auto; + width: 800px; + height: 500px; + +} + + + +.inputname { + position: relative; + top: 10px; + left: 29%; +} + +.inputmim { + position: relative; + top: 10px; + left: 31%; + +} + +.inputmimcd { + position: relative; + top: 10px; + left: 27%; +} + +.inputph { + position: relative; + top: 10px; + left: 27%; + +} + + +/* */ +#name { + position: relative; + top: -22px; + left: 37%; +} + +#mim { + position: relative; + top: -22px; + left: 37%; + +} + +#mimquere { + position: relative; + top: -22px; + left: 37%; +} + +#ph { + position: relative; + top: -22px; + left: 37%; + +} +/**/ +.inputinput { + height: 38px; + width: 260px; + padding: 0 12px; +} + +/* */ +.inputinput:focus { + + display: inherit; + outline: none; + + border: 1px solid red; + +} \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220331/demo01.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220331/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..b10b9f0a13227a25a996cedc8fc9ca50096da9c1 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220331/demo01.html" @@ -0,0 +1,90 @@ + + + + + + + 注册 + + + + + +
+
+ +
+
+
+
+
+
{{name}}:
+ +
+
+ +
{{min}}:
+ +
+
+ +
{{mins}}:
+ +
+
+
{{ph}}:
+ +
+
+ +
+ + +
+
+ + + +
+
+ + + + + + + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220401/demo01.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220401/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..e1a362a519b907d33d098fb9790446291de69b11 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220401/demo01.html" @@ -0,0 +1,207 @@ + + + + + + + Document + + + + + +
+
+ +
+ {{item}} + +
+ +
+ +
    +
  • + {{item}} +
    • +
+
    +
  • + {{item}} +
    • +
+ + +
+ + + + + {{ifbrief}} + {{iflaptopbrief}} + + + + + 广告 + + +
+ +
+
+ + +
+ + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220406/demo01.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220406/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..e8574668bda6d2f9c5921c3768f2364e1e019eb3 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220406/demo01.html" @@ -0,0 +1,358 @@ + + + + + + + Document + + + + + +
+
+ +
+ {{item}} + +
+ +
+ +
    +
  • + {{item}} +
    • +
+
    +
  • + {{item}} +
    • +
+ + +
+ + + + + {{ifbrief}} + {{iflaptopbrief}} + + + + + 广告 + + +
+ +
+ + +
+

{{money|addSymbols}}

+

{{getTime}}

+

{{leftdate}}

+

{{leftdate1}}

+

{{leftdate2}}

+ + + {{getDiscount}} + {{getDiscount}} + {{getDiscount}} + {{getDiscount}} + {{getDiscount}} + {{getDiscount}} + + + +
+ + + +
+ + +
+ + + + + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220407/demo01.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220407/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..ccaa0661203c2d1787b53bdffd1c9c77d3b2856b --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220407/demo01.html" @@ -0,0 +1,234 @@ + + + + + + + + Document + + + + + + + +
+
+
+ + 用户名： + 密码： + 确认密码： +
+ +
+
+ +
+
+ +
+ + + +
+ + +
+ + + + + + + + + + +

您的选择是：{{ checkVal }}

+
+
+ +

您所在的城市是：{{ selected }}

+
+ +
+ +
+ + + + + + + + \ No newline at end of file diff --git "a/\350\265\226\350\231\271\351\234\226/20220412\346\230\276\347\244\272\351\232\220\350\227\217/demo.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220408/20220412\346\230\276\347\244\272\351\232\220\350\227\217/demo.html" similarity index 100% rename from "\350\265\226\350\231\271\351\234\226/20220412\346\230\276\347\244\272\351\232\220\350\227\217/demo.html" rename to "\346\235\216\344\277\241\345\256\217/Vue/20220408/20220412\346\230\276\347\244\272\351\232\220\350\227\217/demo.html" diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220408/demo.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220408/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..0c224d2bf80470acefeeb32c5313633254fad6eb --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220408/demo.html" @@ -0,0 +1,81 @@ + + + + + + + + Document + + + + + + + +
+
+
+
内容
+
+
+ + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220408/demo02.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220408/demo02.html" new file mode 100644 index 0000000000000000000000000000000000000000..21a1fbcb2712a424da10f49282491f871016eacc --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220408/demo02.html" @@ -0,0 +1,47 @@ + + + + + + + 自定义指令 + + + + +
+
+
点击我随机变色
+
+ + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220413/demo01.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220413/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..77010d4578d1c7ca7d5f173b29000cf66179fd31 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220413/demo01.html" @@ -0,0 +1,184 @@ + + + + + + + + + + demo03 + + + + +
+ + +
+ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220414/demo03.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220414/demo03.html" new file mode 100644 index 0000000000000000000000000000000000000000..77010d4578d1c7ca7d5f173b29000cf66179fd31 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220414/demo03.html" @@ -0,0 +1,184 @@ + + + + + + + + + + demo03 + + + + +
+ + +
+ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220415/demo03.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220415/demo03.html" new file mode 100644 index 0000000000000000000000000000000000000000..72bac31b55f8849c61703c190d7e28996591e341 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220415/demo03.html" @@ -0,0 +1,196 @@ + + + + + + + + + + demo03 + + + + +
+ + +
+ + + + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220419/demo01.html" "b/\346\235\216\344\277\241\345\256\217/Vue/20220419/demo01.html" new file mode 100644 index 0000000000000000000000000000000000000000..72bac31b55f8849c61703c190d7e28996591e341 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220419/demo01.html" @@ -0,0 +1,196 @@ + + + + + + + + + + demo03 + + + + +
+ + +
+ + + + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..7e495e1b87001b2b6a17598849908dc4bc6fbdf2 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/App.vue" @@ -0,0 +1,41 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/components/HeaderBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/components/HeaderBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..6c46e28632361045b469c21c18c3df48c94cd84c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/components/HeaderBase.vue" @@ -0,0 +1,88 @@ + + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/adidas.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/adidas.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8fe067a09f1a02ff14144dccbca474f69b9094c0 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/adidas.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/akf.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/akf.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23138e7d592667493502d1cc23279cd92c997d66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/akf.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/lining.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/lining.vue" new file mode 100644 index 0000000000000000000000000000000000000000..48dfd1e7da19af708b5095258ff98ea2b67479d5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/lining.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/threece.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/threece.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2300dc74b2e7a4f07cab100bba56dae3eec489e9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/threece.vue" @@ -0,0 +1,239 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/ugg.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/ugg.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ff48e788b35ad11d251b32a03d2fc7aa499af339 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/detail/ugg.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..5969611380c455d74e29e19f01ae7c22c0ddff66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/main.js" @@ -0,0 +1,30 @@ +import Vue from 'vue' +import App from './App.vue' + +//引入VueRouter +import VueRouter from 'vue-router' +//应用插件 +Vue.use(VueRouter) + + + +//引入路由器 +import router from './router/index' + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..c530eb32c51a83e689a1afff3b82eda8237f3d91 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/AdvList.vue" @@ -0,0 +1,89 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/BodyBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/BodyBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..dc3226acae043928310613cf041e51f53411fc9c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/BodyBase.vue" @@ -0,0 +1,65 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/Detail.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/Detail.vue" new file mode 100644 index 0000000000000000000000000000000000000000..3c314b0d4ce0f45fa1c4000b81d5f9ea6691ee08 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/pages/Detail.vue" @@ -0,0 +1,251 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..ec9c7b9bc78a7747bf995de9845082d41c471769 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220420/src/router/index.js" @@ -0,0 +1,49 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import Detail from '../pages/Detail' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + { + path: '/', + component: BodyBase, + }, + { + path: '/base', + component: BodyBase, + }, + { + name:'guanggao', + path: '/adv', + component: AdvList, + children:[ + { + path: 'show', + component: Detail, + children:[ + { + name:'gson', + path: 'detail', + component: Detail, + } + ] + } + ] + }, + { + name:'detail', + path:'/detail/:id/:name/:price', + //path:'/detail', + component: Detail, + props:true, + }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..7e495e1b87001b2b6a17598849908dc4bc6fbdf2 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/App.vue" @@ -0,0 +1,41 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/components/HeaderBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/components/HeaderBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..6c46e28632361045b469c21c18c3df48c94cd84c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/components/HeaderBase.vue" @@ -0,0 +1,88 @@ + + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/adidas.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/adidas.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8fe067a09f1a02ff14144dccbca474f69b9094c0 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/adidas.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/akf.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/akf.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23138e7d592667493502d1cc23279cd92c997d66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/akf.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/lining.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/lining.vue" new file mode 100644 index 0000000000000000000000000000000000000000..48dfd1e7da19af708b5095258ff98ea2b67479d5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/lining.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/threece.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/threece.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2300dc74b2e7a4f07cab100bba56dae3eec489e9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/threece.vue" @@ -0,0 +1,239 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/ugg.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/ugg.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ff48e788b35ad11d251b32a03d2fc7aa499af339 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/detail/ugg.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..5969611380c455d74e29e19f01ae7c22c0ddff66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/main.js" @@ -0,0 +1,30 @@ +import Vue from 'vue' +import App from './App.vue' + +//引入VueRouter +import VueRouter from 'vue-router' +//应用插件 +Vue.use(VueRouter) + + + +//引入路由器 +import router from './router/index' + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..c530eb32c51a83e689a1afff3b82eda8237f3d91 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/AdvList.vue" @@ -0,0 +1,89 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/BodyBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/BodyBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..dc3226acae043928310613cf041e51f53411fc9c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/BodyBase.vue" @@ -0,0 +1,65 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/Detail.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/Detail.vue" new file mode 100644 index 0000000000000000000000000000000000000000..3c314b0d4ce0f45fa1c4000b81d5f9ea6691ee08 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/pages/Detail.vue" @@ -0,0 +1,251 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..ec9c7b9bc78a7747bf995de9845082d41c471769 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220421/src/router/index.js" @@ -0,0 +1,49 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import Detail from '../pages/Detail' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + { + path: '/', + component: BodyBase, + }, + { + path: '/base', + component: BodyBase, + }, + { + name:'guanggao', + path: '/adv', + component: AdvList, + children:[ + { + path: 'show', + component: Detail, + children:[ + { + name:'gson', + path: 'detail', + component: Detail, + } + ] + } + ] + }, + { + name:'detail', + path:'/detail/:id/:name/:price', + //path:'/detail', + component: Detail, + props:true, + }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..7e495e1b87001b2b6a17598849908dc4bc6fbdf2 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/App.vue" @@ -0,0 +1,41 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/components/HeaderBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/components/HeaderBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..6c46e28632361045b469c21c18c3df48c94cd84c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/components/HeaderBase.vue" @@ -0,0 +1,88 @@ + + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/adidas.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/adidas.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8fe067a09f1a02ff14144dccbca474f69b9094c0 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/adidas.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/akf.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/akf.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23138e7d592667493502d1cc23279cd92c997d66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/akf.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/lining.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/lining.vue" new file mode 100644 index 0000000000000000000000000000000000000000..48dfd1e7da19af708b5095258ff98ea2b67479d5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/lining.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/threece.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/threece.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2300dc74b2e7a4f07cab100bba56dae3eec489e9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/threece.vue" @@ -0,0 +1,239 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/ugg.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/ugg.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ff48e788b35ad11d251b32a03d2fc7aa499af339 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/detail/ugg.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..5969611380c455d74e29e19f01ae7c22c0ddff66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/main.js" @@ -0,0 +1,30 @@ +import Vue from 'vue' +import App from './App.vue' + +//引入VueRouter +import VueRouter from 'vue-router' +//应用插件 +Vue.use(VueRouter) + + + +//引入路由器 +import router from './router/index' + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..c530eb32c51a83e689a1afff3b82eda8237f3d91 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/AdvList.vue" @@ -0,0 +1,89 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/BodyBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/BodyBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..dc3226acae043928310613cf041e51f53411fc9c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/BodyBase.vue" @@ -0,0 +1,65 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/Detail.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/Detail.vue" new file mode 100644 index 0000000000000000000000000000000000000000..3c314b0d4ce0f45fa1c4000b81d5f9ea6691ee08 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/pages/Detail.vue" @@ -0,0 +1,251 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..ec9c7b9bc78a7747bf995de9845082d41c471769 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220426/src/router/index.js" @@ -0,0 +1,49 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import Detail from '../pages/Detail' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + { + path: '/', + component: BodyBase, + }, + { + path: '/base', + component: BodyBase, + }, + { + name:'guanggao', + path: '/adv', + component: AdvList, + children:[ + { + path: 'show', + component: Detail, + children:[ + { + name:'gson', + path: 'detail', + component: Detail, + } + ] + } + ] + }, + { + name:'detail', + path:'/detail/:id/:name/:price', + //path:'/detail', + component: Detail, + props:true, + }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..cfbc3da3a5b4dc02ee556c971d1ec62efb89338d --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/App.vue" @@ -0,0 +1,34 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/components/CartItem.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/components/CartItem.vue" new file mode 100644 index 0000000000000000000000000000000000000000..a991ad461ecd741e4a97423b991e8a4de3db47aa --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/components/CartItem.vue" @@ -0,0 +1,64 @@ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/components/HeaderBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/components/HeaderBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..e07c2387ff77d7afc4d91efa384ef53f08dc7008 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/components/HeaderBase.vue" @@ -0,0 +1,92 @@ + + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/adidas.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/adidas.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8fe067a09f1a02ff14144dccbca474f69b9094c0 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/adidas.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/akf.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/akf.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23138e7d592667493502d1cc23279cd92c997d66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/akf.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/lining.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/lining.vue" new file mode 100644 index 0000000000000000000000000000000000000000..48dfd1e7da19af708b5095258ff98ea2b67479d5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/lining.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/threece.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/threece.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2300dc74b2e7a4f07cab100bba56dae3eec489e9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/threece.vue" @@ -0,0 +1,239 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/ugg.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/ugg.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ff48e788b35ad11d251b32a03d2fc7aa499af339 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/detail/ugg.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..5a6fd906da4d2e4185b18127f850665c6835c9b3 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/main.js" @@ -0,0 +1,32 @@ +import Vue from 'vue' +import App from './App.vue' +// import axios from 'axios' + +//引入VueRouter +import VueRouter from 'vue-router' +//应用插件 +Vue.use(VueRouter) + +// Vue.use(axios) + + +//引入路由器 +import router from './router/index' + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ed8dd875e15d62b47130c2c38fafa90e5a1629be --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/AdvList.vue" @@ -0,0 +1,62 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/BodyBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/BodyBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..632eeb0ba495302afc7c64858f4a13ba3a17ca3c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/BodyBase.vue" @@ -0,0 +1,70 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/CartList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/CartList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..195394e166963c32798d33c3d9d995ebce528ce1 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/CartList.vue" @@ -0,0 +1,81 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/Detail.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/Detail.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8f84d37fa4b4cd58d286a89a50e68b2cab7a6920 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/pages/Detail.vue" @@ -0,0 +1,272 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..e23a1727ce5be8393a1a6cc416e2721108fae937 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220428/src/router/index.js" @@ -0,0 +1,53 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import Detail from '../pages/Detail' +import CartList from '../pages/CartList' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + { + path: '/', + component: BodyBase, + }, + { + path: '/base', + component: BodyBase, + }, + { + path: '/adv', + component: AdvList, + }, + { + name:'detail', + //path:'/detail', props 传递参数，query 不行 + path: '/detail/:id/:name', + component: Detail, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true //bool 类型 + // props($route){// 函数的写法 + // return { + // id:$route.params.id, + // name:$route.params.name, + // img:$route.params.img + // } + // } + + }, + { + name:'cartList', + //path:'/detail', + path: '/cartList', + component: CartList, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..cfbc3da3a5b4dc02ee556c971d1ec62efb89338d --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/App.vue" @@ -0,0 +1,34 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/components/CartItem.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/components/CartItem.vue" new file mode 100644 index 0000000000000000000000000000000000000000..a991ad461ecd741e4a97423b991e8a4de3db47aa --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/components/CartItem.vue" @@ -0,0 +1,64 @@ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/components/HeaderBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/components/HeaderBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..e07c2387ff77d7afc4d91efa384ef53f08dc7008 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/components/HeaderBase.vue" @@ -0,0 +1,92 @@ + + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/adidas.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/adidas.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8fe067a09f1a02ff14144dccbca474f69b9094c0 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/adidas.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/akf.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/akf.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23138e7d592667493502d1cc23279cd92c997d66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/akf.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/lining.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/lining.vue" new file mode 100644 index 0000000000000000000000000000000000000000..48dfd1e7da19af708b5095258ff98ea2b67479d5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/lining.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/threece.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/threece.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2300dc74b2e7a4f07cab100bba56dae3eec489e9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/threece.vue" @@ -0,0 +1,239 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/ugg.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/ugg.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ff48e788b35ad11d251b32a03d2fc7aa499af339 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/detail/ugg.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..5a6fd906da4d2e4185b18127f850665c6835c9b3 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/main.js" @@ -0,0 +1,32 @@ +import Vue from 'vue' +import App from './App.vue' +// import axios from 'axios' + +//引入VueRouter +import VueRouter from 'vue-router' +//应用插件 +Vue.use(VueRouter) + +// Vue.use(axios) + + +//引入路由器 +import router from './router/index' + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ed8dd875e15d62b47130c2c38fafa90e5a1629be --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/AdvList.vue" @@ -0,0 +1,62 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/BodyBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/BodyBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..632eeb0ba495302afc7c64858f4a13ba3a17ca3c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/BodyBase.vue" @@ -0,0 +1,70 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/CartList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/CartList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..195394e166963c32798d33c3d9d995ebce528ce1 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/CartList.vue" @@ -0,0 +1,81 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/Detail.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/Detail.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8f84d37fa4b4cd58d286a89a50e68b2cab7a6920 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/pages/Detail.vue" @@ -0,0 +1,272 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..e23a1727ce5be8393a1a6cc416e2721108fae937 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220429/src/router/index.js" @@ -0,0 +1,53 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import Detail from '../pages/Detail' +import CartList from '../pages/CartList' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + { + path: '/', + component: BodyBase, + }, + { + path: '/base', + component: BodyBase, + }, + { + path: '/adv', + component: AdvList, + }, + { + name:'detail', + //path:'/detail', props 传递参数，query 不行 + path: '/detail/:id/:name', + component: Detail, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true //bool 类型 + // props($route){// 函数的写法 + // return { + // id:$route.params.id, + // name:$route.params.name, + // img:$route.params.img + // } + // } + + }, + { + name:'cartList', + //path:'/detail', + path: '/cartList', + component: CartList, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..72248fd61be78392d39e4189212a95a6d3cf0c56 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/App.vue" @@ -0,0 +1,44 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/components/CartItem.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/components/CartItem.vue" new file mode 100644 index 0000000000000000000000000000000000000000..6407152dc883992a2a77cafae0339a1eb9413f3a --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/components/CartItem.vue" @@ -0,0 +1,85 @@ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/components/HeaderBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/components/HeaderBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..9a6b716bffe8f4d945b17701847d5448ece932af --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/components/HeaderBase.vue" @@ -0,0 +1,99 @@ + + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/config/constName.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/config/constName.js" new file mode 100644 index 0000000000000000000000000000000000000000..8020c116b99b43dab301b6975d21016136718e50 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/config/constName.js" @@ -0,0 +1,6 @@ + +const constName={ + name:'constName', + reduceNum:'reduceNum' +} +export default constName diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/data/product.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/data/product.js" new file mode 100644 index 0000000000000000000000000000000000000000..b6f5b61be60835e37df435375cfaccc3fc95b820 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/data/product.js" @@ -0,0 +1,47 @@ + +// export let products=[ +// {id:1,name:'韩国三熹玉3CE彩妆香水专场',img:'../assets/header.jpg',num:80,price:1000}, +// {id:2,name:'阿迪达斯三叶草运动户外专场',img:'../assets/center.jpg',num:90,price:2000}, +// {id:3,name:'UGG专场',img:'../assets/bottom.jpg',num:80,price:3000}, +// {id:4,name:'伊芙丽eifini女装专场',img:'../assets/yfl.jpg',num:67,price:3000} +// ]; + +// export let cart=[]; + +export default { + name:'product', + products:[ + {id:1,name:'韩国三熹玉3CE彩妆香水专场',img:'../assets/header.jpg',num:81,price:1000}, + {id:2,name:'阿迪达斯三叶草运动户外专场',img:'../assets/center.jpg',num:90,price:2000}, + {id:3,name:'UGG专场',img:'../assets/bottom.jpg',num:80,price:3000}, + {id:4,name:'伊芙丽eifini女装专场',img:'../assets/yfl.jpg',num:67,price:3000} + ], + cart:[], + + addToCart:function(id){ + + let inCart = false; + this.cart.forEach(el=>{ + if(id==el.id){ + inCart=true; + el.num++; + } + }) + if(inCart==false){ + this.products.forEach(el=>{ + if(el.id==id){ + let product =el; + product.num=1; + this.cart.push(product); + } + }) + } + console.log(this.cart) + }, + getCart(){ + return this.cart; + }, +} + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/adidas.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/adidas.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8fe067a09f1a02ff14144dccbca474f69b9094c0 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/adidas.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/akf.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/akf.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23138e7d592667493502d1cc23279cd92c997d66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/akf.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/lining.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/lining.vue" new file mode 100644 index 0000000000000000000000000000000000000000..48dfd1e7da19af708b5095258ff98ea2b67479d5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/lining.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/threece.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/threece.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2300dc74b2e7a4f07cab100bba56dae3eec489e9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/threece.vue" @@ -0,0 +1,239 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/ugg.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/ugg.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ff48e788b35ad11d251b32a03d2fc7aa499af339 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/detail/ugg.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..d3a72752ec137e1e82fa01db142f2ec08e7e74f5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/main.js" @@ -0,0 +1,67 @@ +import Vue from 'vue' +import App from './App.vue' +import axios from 'axios' +import Vuex from 'vuex'; + + +//引入VueRouter +import VueRouter from 'vue-router' +//应用插件 +Vue.use(VueRouter) + +//应用vuex +Vue.use(Vuex); + +//vuex 是个 数据管理工具，配置 +const store = new Vuex.Store({ + //状态,就是数据 + state: { + title:'外卖系统', + price:100, + }, + + mutations:{ + changeTile:function(state,payload){//state + state.title = payload; + } + } +}) + + +//引入路由器 +import router from './router/index'; + +import plugin1 from './plugins/plugin1' + +Vue.use(plugin1) + + + + +// axios.defaults.baseURL='http://123.207.32.32:8000'; +Vue.prototype.$axios=axios; + + + + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate. +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + beforeCreate:function(){ + Vue.prototype.$bus=this; + }, + router, + store +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/mixin/MixIn.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/mixin/MixIn.js" new file mode 100644 index 0000000000000000000000000000000000000000..cc160b5338bfef3e91c5232f8a7eb6f60e7f361e --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/mixin/MixIn.js" @@ -0,0 +1,40 @@ +export let methods={ + created:function(){ + console.log('mixin created') + this.initData(); + }, + methods:{ + initData:function(){ + //let url ='https://question.llblog.cc/'; + let url ='https://question.llblog.cc/api.php';//做了跨域处理的 + //methos get post delete patch + this.$axios.get(url).then(res=>{ + this.products=res.data.data; + console.log(this.products) + }); + } + }, + mounted:function(){ + this.$bus.$on('confirmOder',(id,num)=>{ + console.log('adv 收到change'); + this.products.forEach(el=>{ + if(el.id==id){ + el.num = el.num-num; + } + }) + }) + }, +} + + +export const data={ + data:function(){ + return { + title:'实训项目', + price:100, + num:10 + } + } + +} + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..cc8da7dbbe5f13fa457451ead8bc9f7452f0aa42 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/AdvList.vue" @@ -0,0 +1,104 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/BodyBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/BodyBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..632eeb0ba495302afc7c64858f4a13ba3a17ca3c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/BodyBase.vue" @@ -0,0 +1,70 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/CartList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/CartList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..dc56a809c8e25c2524a27b252e85f806b27193d4 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/CartList.vue" @@ -0,0 +1,67 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/Detail.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/Detail.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2b56de8127c765131ef18d84121583798c983f99 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/Detail.vue" @@ -0,0 +1,227 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/Recod.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/Recod.vue" new file mode 100644 index 0000000000000000000000000000000000000000..27e34dbe7759d4443f7fef30278cc4cfab7a8ede --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/pages/Recod.vue" @@ -0,0 +1,129 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/plugins/plugin1.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/plugins/plugin1.js" new file mode 100644 index 0000000000000000000000000000000000000000..a62e97a02d5d658149055a8fc742b53ee37542a1 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/plugins/plugin1.js" @@ -0,0 +1,26 @@ +import VueScroller from 'vue-scroller' + + +const plugin1 = { + install: function (Vue) { + console.log('plugin1 start') + console.log(Vue); + //增强属性 + Vue.prototype.$class = 'class7'; + //全局的混入 + Vue.mixin({ + data: function () { + return { + month: 15, + hope: '挣大钱', + pageSize: 20 + } + } + }) + //全局的指令..... + + Vue.use(VueScroller) + } + +} +export default plugin1 \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..fd5d1a845e979e8c58805fae2a9cc9ce39713d04 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220503/src/router/index.js" @@ -0,0 +1,50 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import Detail from '../pages/Detail' +import CartList from '../pages/CartList' +import Recod from '../pages/Recod' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + { + path: '/', + component: BodyBase, + }, + { + path: '/base', + component: Recod, + }, + { + name:'listName', + path: '/adv', + component: AdvList, + meta:{ + keepalive:true + } + }, + { + name:'detail', + //path:'/detail', + path: '/detail/:id/:name', + component: Detail, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + { + name:'cartList', + //path:'/detail', + path: '/cartList', + component: CartList, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..72248fd61be78392d39e4189212a95a6d3cf0c56 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/App.vue" @@ -0,0 +1,44 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/components/CartItem.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/components/CartItem.vue" new file mode 100644 index 0000000000000000000000000000000000000000..6407152dc883992a2a77cafae0339a1eb9413f3a --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/components/CartItem.vue" @@ -0,0 +1,85 @@ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/components/HeaderBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/components/HeaderBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..9a6b716bffe8f4d945b17701847d5448ece932af --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/components/HeaderBase.vue" @@ -0,0 +1,99 @@ + + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/data/product.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/data/product.js" new file mode 100644 index 0000000000000000000000000000000000000000..33bcfc92bb743fd6b93c7f1bb6ed4d832094ad14 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/data/product.js" @@ -0,0 +1,47 @@ + +// export let products=[ +// {id:1,name:'韩国三熹玉3CE彩妆香水专场',img:'../assets/header.jpg',num:80,price:1000}, +// {id:2,name:'阿迪达斯三叶草运动户外专场',img:'../assets/center.jpg',num:90,price:2000}, +// {id:3,name:'UGG专场',img:'../assets/bottom.jpg',num:80,price:3000}, +// {id:4,name:'伊芙丽eifini女装专场',img:'../assets/yfl.jpg',num:67,price:3000} +// ]; + +// export let cart=[]; + +export default { + name:'product', + products:[ + {id:1,name:'韩国三熹玉3CE彩妆香水专场',img:'../assets/header.jpg',num:80,price:1000}, + {id:2,name:'阿迪达斯三叶草运动户外专场',img:'../assets/center.jpg',num:90,price:2000}, + {id:3,name:'UGG专场',img:'../assets/bottom.jpg',num:80,price:3000}, + {id:4,name:'伊芙丽eifini女装专场',img:'../assets/yfl.jpg',num:67,price:3000} + ], + cart:[], + + addToCart:function(id){ + + let inCart = false; + this.cart.forEach(el=>{ + if(id==el.id){ + inCart=true; + el.num++; + } + }) + if(inCart==false){ + this.products.forEach(el=>{ + if(el.id==id){ + let product =el; + product.num=1; + this.cart.push(product); + } + }) + } + console.log(this.cart) + }, + getCart(){ + return this.cart; + }, +} + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/adidas.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/adidas.vue" new file mode 100644 index 0000000000000000000000000000000000000000..8fe067a09f1a02ff14144dccbca474f69b9094c0 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/adidas.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/akf.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/akf.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23138e7d592667493502d1cc23279cd92c997d66 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/akf.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/lining.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/lining.vue" new file mode 100644 index 0000000000000000000000000000000000000000..48dfd1e7da19af708b5095258ff98ea2b67479d5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/lining.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/threece.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/threece.vue" new file mode 100644 index 0000000000000000000000000000000000000000..2300dc74b2e7a4f07cab100bba56dae3eec489e9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/threece.vue" @@ -0,0 +1,239 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/ugg.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/ugg.vue" new file mode 100644 index 0000000000000000000000000000000000000000..ff48e788b35ad11d251b32a03d2fc7aa499af339 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/detail/ugg.vue" @@ -0,0 +1,202 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..d9e7d62ce5cdb291604eb4cfdf0adce73a673948 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/main.js" @@ -0,0 +1,39 @@ +import Vue from 'vue' +import App from './App.vue' +import axios from 'axios' + +//引入VueRouter +import VueRouter from 'vue-router' +//应用插件 +Vue.use(VueRouter) + + + +//引入路由器 +import router from './router/index'; + + + +axios.defaults.baseURL='http://localhost:9090/'; + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate. +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + beforeCreate:function(){ + Vue.prototype.$bus=this; + Vue.prototype.$axios=axios; + }, + router, +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..bb3e0f3c037ed503b826b8778f154c2ce24c3c85 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/AdvList.vue" @@ -0,0 +1,106 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/BodyBase.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/BodyBase.vue" new file mode 100644 index 0000000000000000000000000000000000000000..632eeb0ba495302afc7c64858f4a13ba3a17ca3c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/BodyBase.vue" @@ -0,0 +1,70 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/CartList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/CartList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..dc56a809c8e25c2524a27b252e85f806b27193d4 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/CartList.vue" @@ -0,0 +1,67 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/Detail.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/Detail.vue" new file mode 100644 index 0000000000000000000000000000000000000000..57bd97c437790c3fc2ce187c9e0a0d0751c6752c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/pages/Detail.vue" @@ -0,0 +1,226 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..e894839a98442b4a7ec971344bf48e4c5d824e14 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220504/src/router/index.js" @@ -0,0 +1,49 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import Detail from '../pages/Detail' +import CartList from '../pages/CartList' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + { + path: '/', + component: BodyBase, + }, + { + path: '/base', + component: BodyBase, + }, + { + name:'listName', + path: '/adv', + component: AdvList, + meta:{ + keepalive:true + } + }, + { + name:'detail', + //path:'/detail', + path: '/detail/:id/:name', + component: Detail, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + { + name:'cartList', + //path:'/detail', + path: '/cartList', + component: CartList, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..7e06b7e29e3cae9322044fdf7cf2ccd709e18bc9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/App.vue" @@ -0,0 +1,95 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/assets/logo.png" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/assets/logo.png" new file mode 100644 index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43 Binary files /dev/null and "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/assets/logo.png" differ diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/components/CartItem.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/components/CartItem.vue" new file mode 100644 index 0000000000000000000000000000000000000000..b2413209a1c8b7e38626ef65d1f642e5ce43881c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/components/CartItem.vue" @@ -0,0 +1,93 @@ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/config/constName.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/config/constName.js" new file mode 100644 index 0000000000000000000000000000000000000000..8020c116b99b43dab301b6975d21016136718e50 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/config/constName.js" @@ -0,0 +1,6 @@ + +const constName={ + name:'constName', + reduceNum:'reduceNum' +} +export default constName diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..12d20accd1064f8c232209e8c4e99f0fabb82e30 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/main.js" @@ -0,0 +1,55 @@ +import Vue from 'vue' +import App from './App.vue' + +//引入VueRouter +import VueRouter from 'vue-router'; +import Vuex from 'vuex'; +//应用插件 +Vue.use(VueRouter); +Vue.use(Vuex); + + +//引入路由器 +import router from './router/index' + +const store = new Vuex.Store({ + //状态,就是数据 + state: { + title:'外卖系统', + price:100, + num:66, + products:[ + {id:0,show: false,name:'苹果笔记本',img:'https://img1.baidu.com/it/u=591631117,2275774035&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500',kucun:100,num:0,price:3000}, + {id:1,show: false,name:'灰色笔记本',img:'https://img0.baidu.com/it/u=3297317195,345187680&fm=253&fmt=auto&app=120&f=JPEG?w=667&h=500',kucun:100,num:0,price:3000}, + {id:2,show: false,name:'小米笔记本',img:'https://img1.baidu.com/it/u=3413204352,1037999762&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=375',kucun:100,num:0,price:3000}, + {id:3,show: false,name:'苹果笔记本',img:'https://img1.baidu.com/it/u=142621668,3476222106&fm=253&fmt=auto?w=667&h=500',kucun:100,num:0,price:3000} + ], + + + }, + }) + + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router, + store, + beforeCreate:function(){ + // new Vue.extend({})//创建一个组件事件，组件实例中的功能 vm 都有，所以 Vue.prototype.public = new Vue.extend({}) 可以用 this 替换 + Vue.prototype.public = this + Vue.prototype.$bus = this//推荐的写法，bus 就是总线的意思，加 $ 为了跟vue 属性的命名一致 + } +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..3ba1beff1ad95fb2a56ad5e9000bd67b4539e9e1 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/AdvList.vue" @@ -0,0 +1,65 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/cartList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/cartList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..af2cd804a45f644542c675c915a27a266578dfd5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/cartList.vue" @@ -0,0 +1,66 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/xqye.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/xqye.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23c23b6a5c58f60014834814ed6ff1c4b117477f --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/pages/xqye.vue" @@ -0,0 +1,208 @@ + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..f8320174438fa24476b7af9b95ff1c45da41c711 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220505/src/router/index.js" @@ -0,0 +1,55 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +// import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import xqye from '../pages/xqye' +import cartList from '../pages/cartList' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + // { + // path: '/', + // component: BodyBase, + // }, + // { + // path: '/show', + // component: xqye, + // }, + { + name:'guanggao', + path: '/adv', + component: AdvList, + + }, + { + name:'xqye', + //path:'/detail', + path: '/xqye/:id/:name', + component: xqye, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + { + name:'cartList', + path:'/cartList', + // path: '/cartList', + component: cartList, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + + // { + // name:'detail', + // path:'/detail/:id/:name/:price', + // //path:'/detail', + // component: Detail, + // props:true, + // }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..7e06b7e29e3cae9322044fdf7cf2ccd709e18bc9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/App.vue" @@ -0,0 +1,95 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/assets/logo.png" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/assets/logo.png" new file mode 100644 index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43 Binary files /dev/null and "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/assets/logo.png" differ diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/components/CartItem.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/components/CartItem.vue" new file mode 100644 index 0000000000000000000000000000000000000000..b2413209a1c8b7e38626ef65d1f642e5ce43881c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/components/CartItem.vue" @@ -0,0 +1,93 @@ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/config/constName.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/config/constName.js" new file mode 100644 index 0000000000000000000000000000000000000000..8020c116b99b43dab301b6975d21016136718e50 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/config/constName.js" @@ -0,0 +1,6 @@ + +const constName={ + name:'constName', + reduceNum:'reduceNum' +} +export default constName diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..12d20accd1064f8c232209e8c4e99f0fabb82e30 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/main.js" @@ -0,0 +1,55 @@ +import Vue from 'vue' +import App from './App.vue' + +//引入VueRouter +import VueRouter from 'vue-router'; +import Vuex from 'vuex'; +//应用插件 +Vue.use(VueRouter); +Vue.use(Vuex); + + +//引入路由器 +import router from './router/index' + +const store = new Vuex.Store({ + //状态,就是数据 + state: { + title:'外卖系统', + price:100, + num:66, + products:[ + {id:0,show: false,name:'苹果笔记本',img:'https://img1.baidu.com/it/u=591631117,2275774035&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500',kucun:100,num:0,price:3000}, + {id:1,show: false,name:'灰色笔记本',img:'https://img0.baidu.com/it/u=3297317195,345187680&fm=253&fmt=auto&app=120&f=JPEG?w=667&h=500',kucun:100,num:0,price:3000}, + {id:2,show: false,name:'小米笔记本',img:'https://img1.baidu.com/it/u=3413204352,1037999762&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=375',kucun:100,num:0,price:3000}, + {id:3,show: false,name:'苹果笔记本',img:'https://img1.baidu.com/it/u=142621668,3476222106&fm=253&fmt=auto?w=667&h=500',kucun:100,num:0,price:3000} + ], + + + }, + }) + + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router, + store, + beforeCreate:function(){ + // new Vue.extend({})//创建一个组件事件，组件实例中的功能 vm 都有，所以 Vue.prototype.public = new Vue.extend({}) 可以用 this 替换 + Vue.prototype.public = this + Vue.prototype.$bus = this//推荐的写法，bus 就是总线的意思，加 $ 为了跟vue 属性的命名一致 + } +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..3ba1beff1ad95fb2a56ad5e9000bd67b4539e9e1 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/AdvList.vue" @@ -0,0 +1,65 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/cartList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/cartList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..af2cd804a45f644542c675c915a27a266578dfd5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/cartList.vue" @@ -0,0 +1,66 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/xqye.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/xqye.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23c23b6a5c58f60014834814ed6ff1c4b117477f --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/pages/xqye.vue" @@ -0,0 +1,208 @@ + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..f8320174438fa24476b7af9b95ff1c45da41c711 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220506/src/router/index.js" @@ -0,0 +1,55 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +// import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import xqye from '../pages/xqye' +import cartList from '../pages/cartList' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + // { + // path: '/', + // component: BodyBase, + // }, + // { + // path: '/show', + // component: xqye, + // }, + { + name:'guanggao', + path: '/adv', + component: AdvList, + + }, + { + name:'xqye', + //path:'/detail', + path: '/xqye/:id/:name', + component: xqye, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + { + name:'cartList', + path:'/cartList', + // path: '/cartList', + component: cartList, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + + // { + // name:'detail', + // path:'/detail/:id/:name/:price', + // //path:'/detail', + // component: Detail, + // props:true, + // }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/App.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/App.vue" new file mode 100644 index 0000000000000000000000000000000000000000..7e06b7e29e3cae9322044fdf7cf2ccd709e18bc9 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/App.vue" @@ -0,0 +1,95 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/assets/logo.png" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/assets/logo.png" new file mode 100644 index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43 Binary files /dev/null and "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/assets/logo.png" differ diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/components/CartItem.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/components/CartItem.vue" new file mode 100644 index 0000000000000000000000000000000000000000..b2413209a1c8b7e38626ef65d1f642e5ce43881c --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/components/CartItem.vue" @@ -0,0 +1,93 @@ + + + + + \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/config/constName.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/config/constName.js" new file mode 100644 index 0000000000000000000000000000000000000000..8020c116b99b43dab301b6975d21016136718e50 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/config/constName.js" @@ -0,0 +1,6 @@ + +const constName={ + name:'constName', + reduceNum:'reduceNum' +} +export default constName diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/main.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/main.js" new file mode 100644 index 0000000000000000000000000000000000000000..12d20accd1064f8c232209e8c4e99f0fabb82e30 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/main.js" @@ -0,0 +1,55 @@ +import Vue from 'vue' +import App from './App.vue' + +//引入VueRouter +import VueRouter from 'vue-router'; +import Vuex from 'vuex'; +//应用插件 +Vue.use(VueRouter); +Vue.use(Vuex); + + +//引入路由器 +import router from './router/index' + +const store = new Vuex.Store({ + //状态,就是数据 + state: { + title:'外卖系统', + price:100, + num:66, + products:[ + {id:0,show: false,name:'苹果笔记本',img:'https://img1.baidu.com/it/u=591631117,2275774035&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500',kucun:100,num:0,price:3000}, + {id:1,show: false,name:'灰色笔记本',img:'https://img0.baidu.com/it/u=3297317195,345187680&fm=253&fmt=auto&app=120&f=JPEG?w=667&h=500',kucun:100,num:0,price:3000}, + {id:2,show: false,name:'小米笔记本',img:'https://img1.baidu.com/it/u=3413204352,1037999762&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=375',kucun:100,num:0,price:3000}, + {id:3,show: false,name:'苹果笔记本',img:'https://img1.baidu.com/it/u=142621668,3476222106&fm=253&fmt=auto?w=667&h=500',kucun:100,num:0,price:3000} + ], + + + }, + }) + + + +//关闭生产环境提交 +Vue.config.productionTip = false +//render 渲染 temldate +new Vue({ + el:'#app', + // template:'', + // components:{ + // App, + // } + //脚手架引入的vue是残缺的，为了性能 + render: (createElement) => { + // console.log(typeof createElement); + return createElement(App) + }, + router, + store, + beforeCreate:function(){ + // new Vue.extend({})//创建一个组件事件，组件实例中的功能 vm 都有，所以 Vue.prototype.public = new Vue.extend({}) 可以用 this 替换 + Vue.prototype.public = this + Vue.prototype.$bus = this//推荐的写法，bus 就是总线的意思，加 $ 为了跟vue 属性的命名一致 + } +}) diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/AdvList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/AdvList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..3ba1beff1ad95fb2a56ad5e9000bd67b4539e9e1 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/AdvList.vue" @@ -0,0 +1,65 @@ + + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/cartList.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/cartList.vue" new file mode 100644 index 0000000000000000000000000000000000000000..af2cd804a45f644542c675c915a27a266578dfd5 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/cartList.vue" @@ -0,0 +1,66 @@ + + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/xqye.vue" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/xqye.vue" new file mode 100644 index 0000000000000000000000000000000000000000..23c23b6a5c58f60014834814ed6ff1c4b117477f --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/pages/xqye.vue" @@ -0,0 +1,208 @@ + + + diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/router/index.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/router/index.js" new file mode 100644 index 0000000000000000000000000000000000000000..f8320174438fa24476b7af9b95ff1c45da41c711 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220510/src/router/index.js" @@ -0,0 +1,55 @@ +// 配置路由规则 +import VueRouter from 'vue-router' +//默认商品列表 +// import BodyBase from '../pages/BodyBase' +//默认商品广告列表 +import AdvList from '../pages/AdvList' +import xqye from '../pages/xqye' +import cartList from '../pages/cartList' + +//创建并暴露一个路由器 +export default new VueRouter({ + routes: [ + // { + // path: '/', + // component: BodyBase, + // }, + // { + // path: '/show', + // component: xqye, + // }, + { + name:'guanggao', + path: '/adv', + component: AdvList, + + }, + { + name:'xqye', + //path:'/detail', + path: '/xqye/:id/:name', + component: xqye, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + { + name:'cartList', + path:'/cartList', + // path: '/cartList', + component: cartList, + //props:{id:'id1',name:'name1'}, 对象写法 + props:true + }, + + // { + // name:'detail', + // path:'/detail/:id/:name/:price', + // //path:'/detail', + // component: Detail, + // props:true, + // }, + + ] +}) + +// export default router \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220511/min.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220511/min.js" new file mode 100644 index 0000000000000000000000000000000000000000..cb43ea17b93077222dc4296a885755d436e3f744 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220511/min.js" @@ -0,0 +1,26 @@ +//引入Vue +import Vue from 'vue' +//引入App +import App from './App.vue' + +//完整引入 +//引入ElementUI组件库 +// import ElementUI from 'element-ui'; +//引入ElementUI全部样式 +// import 'element-ui/lib/theme-chalk/index.css'; + +//按需引入 +import { Button,Row,DatePicker } from 'element-ui'; +//应用ElementUI +// Vue.use(ElementUI); +//关闭Vue的生产提示 +Vue.config.productionTip = false +Vue.component('atguigu-button', Button); +Vue.component('atguigu-row', Row); +Vue.component('atguigu-date-picker', DatePicker); + +//创建vm +new Vue({ + el:'#app', + render: h => h(App), +}) \ No newline at end of file diff --git "a/\346\235\216\344\277\241\345\256\217/Vue/20220512/min.js" "b/\346\235\216\344\277\241\345\256\217/Vue/20220512/min.js" new file mode 100644 index 0000000000000000000000000000000000000000..cb43ea17b93077222dc4296a885755d436e3f744 --- /dev/null +++ "b/\346\235\216\344\277\241\345\256\217/Vue/20220512/min.js" @@ -0,0 +1,26 @@ +//引入Vue +import Vue from 'vue' +//引入App +import App from './App.vue' + +//完整引入 +//引入ElementUI组件库 +// import ElementUI from 'element-ui'; +//引入ElementUI全部样式 +// import 'element-ui/lib/theme-chalk/index.css'; + +//按需引入 +import { Button,Row,DatePicker } from 'element-ui'; +//应用ElementUI +// Vue.use(ElementUI); +//关闭Vue的生产提示 +Vue.config.productionTip = false +Vue.component('atguigu-button', Button); +Vue.component('atguigu-row', Row); +Vue.component('atguigu-date-picker', DatePicker); + +//创建vm +new Vue({ + el:'#app', + render: h => h(App), +}) \ No newline at end of file diff --git "a/\350\265\226\350\231\271\351\234\226/20220408\350\203\214\346\231\257\350\211\262\345\210\207\346\215\242/20220412\346\230\276\347\244\272\351\232\220\350\227\217/demo.html" "b/\350\265\226\350\231\271\351\234\226/20220408\350\203\214\346\231\257\350\211\262\345\210\207\346\215\242/20220412\346\230\276\347\244\272\351\232\220\350\227\217/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..1e2be3288d4e887996a2e64bdc1da205bff3ab54 --- /dev/null +++ "b/\350\265\226\350\231\271\351\234\226/20220408\350\203\214\346\231\257\350\211\262\345\210\207\346\215\242/20220412\346\230\276\347\244\272\351\232\220\350\227\217/demo.html" @@ -0,0 +1,39 @@ + + + + + + + + + + demo + + +
+ + +
+ + + \ No newline at end of file