vue实战三

 

 

VUE 实战三

 

1.轮播 （可以用 swiper）

2.搜索

3.详情页面

------------------------------------------------

如果移动端要方法

需要修改两个地方

1.main.js axios 改成IP地址

2.package.json

"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --host 0.0.0.0",

"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot --port 8081"

192.168.16.103

------------------------------------------------

 

.vue 里面调用js

.js

1.导出

module.exports = {
bindEvent,
scrollPic
}

2.script 里面 导入 （.vue 文件）

import {bindEvent,scrollPic} from '../assets/js/index.js' //引入js //轮播的

3.在生命周期里面执行

 

轮播

------------------------------------------------

 

49:39

------------------------------------------------

详情

router.config.js 配置路由文件

路由取id

this.$route.params.id

------------------------------------------------

搜索

简单

 

------------------------------------------------

首页 一次性拿全部数据 有性能问题 最好用分页 或者下拉加载

 

------------------------------------------------