VUE学习第一节20190212

一. webstrom的vue Project目录：

1. Dist文件夹 程序编译后的代码，打包放在tomcat下发布运行，包含css，img，js
2. Node_modules 程序各种类库，以便调用
3. Src文件夹 代码编写模块

• assets 存放资源文件，程序logo图片等

• components 组件文件

• views 页面文件

• app.vue
  

  template 模板  里面有好多div，相当于html的body部分
  

• main.js 程序的入口
  

main.js 入口文件，程序代码运行的起点，需要导入引用
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
这些组件，并建立实例

   new Vue({
   router,
   store,
   render: h => h(App)
   }).$mount('#app')
代码意思为：调用render方法来渲染实例，传入一个h参数进来给app.vue进行运算，并且在index.html里找到id为app的div，用app.vue的内容进行填充

• router.js 路由组件
  

    在rountes中如果传入‘/’，显示home.vue(首页)，如果传入‘/about ’ 则显示abount.vue (关于)