我在vue上开发项目时,一般使用组件包,用组件化的思想进行项目开发。 生成项目时,将创建views目录、commen目录和feature目录。 在views目录中放置页面级组件,而commen是公共组件(feature目录中的功能组件,如滑动、选项卡栏、列表等)
vue组件封装的优点
组件是Vue.js最强大的功能之一
组件可以扩展HTML元素。
封装可复用的代码组件是一个可复用的Vue实例
组件可以提高项目整体的开发效率。 可以将页面抽象为多个相对独立的模块,解决了效率低下、维护难度大、复用性低等传统项目开发问题。
组件封装的大概过程
使用Vue.extend方法创建组件,并使用Vue.component方法注册组件。 但是,我们一般使用脚手架开发项目。 每个. vue文件一个组件。 导入到另一个组件import中,并在components中注册它。 子零部件需要数据,可以在props中接受定义。 在子组件修改了数据后,希望将数据传递给父组件。 可以采用emit法。