【JavaScript编程知识】用Vue封装导航栏组件.docxVIP

PAGE PAGE 1 用Vue封装导航栏组件 　　前言：把一个功能模块使用组件化的思想充分封装，如导航栏，这无论对我们的开发思想还是效率都有许多好处，在开发中，我们要尽量多得运用组件化的开发思想，不要把所有代码都写在同一个.vue文件中，这样能大大提高代码的可读性。 　　封装导航栏 　　主要思路：把红色的部分当成一个个组件，而他们只是图片和文字不同，所以我们可以把他们封装成同一个组件，然后向组件里传入图片信息和文字信息即可(可以用插槽)。 　　//TabBarItem.vue 　　template 　　??div class=tabBarItem @click=tabBar