diff --git a/README.md b/README.md index 5de6e33..a9804d7 100644 --- a/README.md +++ b/README.md @@ -1,77 +1 @@ -# 手把手教你用vue+node+mongodb搭建一个小商城 - -# 分支说明 -- chapter3 什么是动态路由 -- chapter4 什么是嵌套路由 -- chapter5 什么是编程式路由 -- chapter6 什么是路由和命名视图 -- chapter7 reset.css的引入及1px边框问题解决 -- chapter8 手机适配问题之rem和lib-flexible -- chapter9 阿里巴巴矢量图库icon-font的运用 -- chapter10 less的引用及公共变量的抽离 -- chapter11 组件入门及写个首页头部组件 -- chapter12 vue-awsome-swiper与轮播图组件 -- chapter13 优化轮播图组件与vue深度处理器 -- chapter14 商品推荐等模块及flex布局 -- chapter15 axios的使用与数据的mock（1） -- chapter16 axios的使用与数据的mock（2） -- chapter17 将mock数据渲染到组件 -- chapter18 首页图片懒加载及better-scroll的运用 - - -### 前期准备 -- [git的学习](https://www.jianshu.com/p/6deca2cfc37a) -- [用vue-cli脚手架搭建一个新的vue项目](https://www.jianshu.com/p/0b91e9a05694) - -### v-router的讲解 -- [什么是动态路由](https://www.jianshu.com/p/f499d9f64958) -- [什么是嵌套路由](https://www.jianshu.com/p/3036137769da) -- [什么是编程式路由](https://www.jianshu.com/p/81ed5a90bb10) -- [什么是路由和命名视图](https://www.jianshu.com/p/004b73f3f589) - -### 项目初始化 -- [chapter7 reset.css的引入及1px边框问题解决](https://www.jianshu.com/p/03172908d344) -- [chapter8 手机适配问题之rem和lib-flexible](https://www.jianshu.com/p/6edffcd890e9) -- [chapter9 阿里巴巴矢量图库icon-font的运用](https://www.jianshu.com/p/bfc035236d76) -- [chapter10 写个首页头部组件并引入less](https://www.jianshu.com/p/bdd4dd2c098b) - -### 组件 -- [组件及运用组件创建一个头部组件](https://www.jianshu.com/p/aa6d64994379) -- [轮播图组件及swiper的引入](https://www.jianshu.com/p/4f92c4461e3d) -- [优化轮播图组件与vue深度处理器](https://www.jianshu.com/p/4f92c4461e3d) -- [商品推荐列表及flex布局](https://www.jianshu.com/p/d58bdcb54529) - -### 数据mock -- [axios的使用与数据的mock(1)](https://www.jianshu.com/p/9b804ad87056) -- [axios的使用与数据的mock(2)](https://www.jianshu.com/p/896f8127fe60) - -### MongoDB -- MongoDB的安装 -- MongoDB服务的配置 -- MongoDB基本语法 - -### Node相关 - - -### 交流扯谈 -weixin:Ewall1106 - - - - - - - - - - - - - - - - - - - - +将数据渲染到组件（列表渲染、模板语法、父子组件之间的传值） \ No newline at end of file diff --git a/src/components/carousel.vue b/src/components/carousel.vue index e0d4484..0ef1db2 100644 --- a/src/components/carousel.vue +++ b/src/components/carousel.vue @@ -2,17 +2,8 @@
- - - - - - - - - - - + +
@@ -30,6 +21,12 @@ export default { swiper, swiperSlide }, + props: { + swiperData: { + type: Array, + default: [] + } + }, data() { return { swiperOption: { @@ -43,6 +40,9 @@ export default { } } }; + }, + mounted() { + console.log('111',this.swiperData) } }; diff --git a/src/view/home.vue b/src/view/home.vue index 633e464..9c5fc6e 100644 --- a/src/view/home.vue +++ b/src/view/home.vue @@ -1,41 +1,17 @@