Vue单文件组件基础模板

背景

相信大家在使用Vue开发项目时,基本都是以单文件组件的形式开发组件的,这种方式好处多多:

1.代码集中,便于开发、管理和维护

2.可复用性高,直接将vue文件拷贝到新项目中

我暂时就想到这两点,童鞋们可以在评论里帮我补充;因为有这么多优点,所以决定有必要将vue组件的常用配置项提炼出来,形成一个组件模板,方便日后项目开发复用

 

Vue单文件组件基础模板

 1  7 73 74 /**使用scss编写样式,既可提高开发效率,也方便维护75 *  scoped省略后,该样式片段会应用到页面全局76 *  支持import语法引入css文件77 */78 @import "../base/reset.css";79 div {80   h2 {81     color: #c23a3f;82   }83 }84 85 

Vue单文件组件基础模板


Vue单文件组件基础模板