安装：
- 第一步：安装node.js
- 第二步：安装cnpm
- 安装方法：npm install -g cnpm --registry=registry.npm.taobao.org
- cnpm -v，有版本号，安装成功
- 第三步：安装vue-cli脚手架
- cnpm install -g @vue/cli
- vue -V，有版本号，安装成功
在指定目录创建项目
目录文件解析：
- vue.config.js：配置文件 --- [cli.vuejs.org/zh/config/]
- README.md：说明文件
- package.json：模块依赖和其他配置
- node_modules：下载模块
- src：
- main.js：全局的js文件
- App.vue：第一个入口的vue文件
- assets：放入静态资源
- components：放入组件
- public：
- index.html ===> 运行localhost:8080访问的页面
main.js文件
import Vue from 'vue'
import App from './App.vue'
new Vue({
render: h => h(App),
}).$mount('#app')
render: function (createElement) { return createElement(App); }
===>
render (createElement) { return createElement(App); }
===>
render (h){ return h(App); }
===>
render: h => h(App);
render 方法作为一个函数，接受传入的参数 h 函数，返回 h(App) 的函数调用结果。
h 函数就是createElement ，是 Vue.js 里面的 函数，这个函数的作用就是生成一个 VNode节点，render 函数得到这个 VNode 节点之后，返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点上。
.vue文件
.vue文件存在三个部分：template/script/css
- template里面只能有一个div
- .vue是单页面结构，其中有组件组成
