1.使用封装组件的步骤
1.引入组件:
import 组件名称 from "地址";
import Header from "@/components/Header.vue";
2.注册组件:
components: {
// Header:Header 组件:组件名(名字一致时可省略)
Header,
},
3.使用组件:<Header></Header>
2.调用后台数据步骤
1.在data()中存放vue变量
data() {
return {
// 存放vue变量
imgList: [],
};
},
2.在methods中请求数据
methods: {
findAll() {
// 发请求
get("/index/carousel/findAll").then((response) => {
//console.log(response);
// 将后台获取的数据赋值给vue变量
this.imgList = response.data;
});