1.组件的引入index5页面
例如：
<template>
<view>
<!-- 3.使用引入的组件 -->
<img-border></img-border>
</view>
</template>
<script>
// 1.import 引入自定义组件
import imgBorder from "@/components/img-border.vue";
export default {
data() {
return {
}
},
methods: {
},
// 2.注册上面引入的组件
components:{
imgBorder
}
}
2.父组件向子组件传参（等于在父页面引入一个子模板，数据可以在父页面里面灵活改变）
子组件img-border：
父页面：
子父关系图：
3.子组件向父组件传递数据
子组件.Vue：
父组件.vue：
4.全局共享数据
调用全局变量：
onLoad() {
console.log('打印main.js里面的全局变量',this.baseurl);//通过vue的原型定义的变量
console.log(getApp().globalData.imgAdr);//通过globalData定义全局变量
}
main.js里面创建vue全局数据：
App.vue里面创建globaldata全局数据：
5.组件插槽
子组件里面封装好的from模板：
父页面引入子组件：
插槽子父关系图：
6.生命周期
