vue 组件全局封装_vue封装全局组件

首先写是需要封装的组件

NavBarTitle.vue

left-arrow

@click-left="onClickLeft"

>

{ {NavBarTitle}}

.NavBarTitle .van-nav-bar__text,.van-nav-bar .van-icon{

color:#333333;

}

.NavBarTitle /deep/ .van-nav-bar__title{

font-size: 17px;

color: #000;

/*padding-top: 0.16rem;*/

}

import { NavBar } from 'vant';

export default {

props: ['NavBarTitle'],

data() {

return {

// NavBarTitle:"期中考试"

// NavBarTitle:this.NavBarTitle

}

},

components: {

[NavBar.name]:NavBar,

},

methods:{

onClickLeft(){

this.$router.go(-1);

}

}

}

然后