资源文件处理在我们的项目结构里，有两个资源文件的路径，分别是srcassets 和 static那这两个到底有什么区别呢Webpacked 资源为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的在*vue组件中，所有的。

strreplace^\S+\\w+\vue$， rs， $1 = capitalizeFirstLetter$1const requireComponent = requirecontext#39#39， true， \vue$ 找到组件文件夹下以vue命名的文件，如果文件名为index，那么取组件中。

命名规则1文件名不得含有空格 2文件名建议只使用小写字母，不使用大写字母 3文件名包含多个单词时，单词之间建议连词线 分隔 4有复数结构式，要使用复数 示例login errorpage icons 强制使用。

下面都是在PageTwovue里面进行修改，菜单名称修改为Vue组件实例vue文件的基本模板如下下面都会是ES5的写法，本人还是不太喜欢ES6或者TS，原谅我，反正本质一样lttemplate lttemplateexport default 一些配置，和前面说的。

单击可以增加子文件 + 接下来是组件部分的源码Vuecomponent#39item#39， template #39#itemtemplate#39， props model Object 将文件数据通过props传入 ， data function return open false open表。

仅一个值传入组件如果该组件设计上支持双向绑定，可使用vmodel将该参数传入组件，减少记忆成本毕竟 vue 官方的语法糖，不用白不用ltmycomponent vmodel=quotfooquot 如果该组件可以独立运行，不依赖父组件时，还是给这个值起个名字吧lt。