最近撸了一下Vue全家桶,主要是Vue-cli,这个工具简直太强大,直接就能生成一个工程的样板。
src文件夹是主要的代码文件夹,其中:
assets:表示图片,图标,以及CSS这类的文件。
components:这个文件夹里是整个工程的组件目录,用于存放各个组件的。
router:这是vue-router生成的index.js,这里主要存放的是路由配置的信息。
APP.vue:这是主要的组件相当于是整个工程的大组件。
main.js:这是所有小组件组装的地方,所有的小组件都在这里实例化,注册。
index.html:这是网页的入口处,所有的组件最终将在这里被渲染。
在vue-cli项目中全局组件的注册方法不再是Vue.component(XXX),而应该写成.vue的文件。
注意一下,直接用<script src="Vue.js">引用中实例化new Vue中的el,对应于Vue-cli中的name,这个将在Vue的动画中JavaScript 钩子中用到
2019/6/3 更新:
使用Vue-cli 3.0之后,所有的配置信息都会被写在vue.config.js中,比2.0简洁了很多