[JavaScript知识库]vue-cli的使用*

在终端创建项目

	vue create **项目名称**

vue中src目录的构成

• assets 文件夹:存放项目中用到的静态资源文件，例如css，img

• components文件夹:程序员封装的可复用的组件，都要放在components目录下

• mian.js是项目的入口文件，整个项目的运行，要执行main.js

• vue项目的运行流程

  在工程化项目中，vue要做的事情：
  通过Main.js把App.vue渲染到index.html的指定区域中
  app.vueh会替换掉index.html里面的#app

App.vue:编写待渲染的模块结构
index.html:预留一个el区域
main.js把App.vue渲染到index.html所预留的区域中

//main.js
//导入vue的包得到Vue构造函数
import Vue from 'vue'
//导入vue根组件，将app.vue中的模板结构，渲染到HTML页面中
// import App from './App.vue'

import Test from './Test.vue'

Vue.config.productionTip = false

//创建vue的实例对象
new Vue({
  // el:'#app',手动指定
  //把render函数指定的组件，渲染到HTML页面中
  render: h => h(Test)
}).$mount('#app') //与el作用完全相同

//vue实例的$mount()方法与el作用完全相同