目录
组件数据局部化处理
路由逻辑跳转
组件传参
父传子
子传父
组件的生命周期钩子
路由传参
全家配置自定义 CSS 与 js
总结:
组件数据局部化处理
不管页面组件还是小组件,都可能会被多次复用
复用组件的原因,其实就是复用组件的 页面结构、页面样式、页面逻辑
但是页面上的数据需要区分(被复用的两个组件数据多少是有区别的),所以组件的数据要做局部化处理
借助函数可以产生局部作用域的特点,为每一次复用组件产生一个独立的作用域
语法:
data () {
return {
// 数据们
}
}
子组件
<div class="beat" @click="count += 1">
{{ count }}下