vue心得一

1、整个vue项目的执行顺序：index.html -> main.js -> App.vue
（注：main.js关联的#app为public文件下的index.html)
2、App.vue可以是项目的主页，必须引入router.js中注册的页面（通过<router-view/>引入）

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

3、router中的index.js用来注册页面（注册的第一个页面会当做首页显示)
注册方法：
a、引入页面路径import Home from '../views/Home.vue'
b、在routes 中写路径和名称等

	const routes = [
		  {
		    path: '/',
		    name: 'home',
		    component: Home
		  }
	]

3、组件可以写在components目录下面，创建vue后缀名的组件。
在需要使用页面的js部分引入：import HelloWorld from '@/components/HelloWorld.vue'，并进行注册： components: {HelloWorld}
在中直接使用组件

	<template>
			<HelloWorld/>
	</template>