關於專案初始化：

1.先把vue-cli腳手架工具在系統下全域性安裝：npm install vue-cli -g

2.安裝好腳手架工具之後就可以開始建立工程專案了：vue init webpack-simple vue-demo(這個是你的專案名)

3. 進入專案的目錄安裝腳手架專案的基本支援包（package-json裡面的包）npm install

4.npm run dev 執行這個專案

專案工程建立完成後：

main.js  Vue例項啟動入口

import Vue from 'vue'

import App from './App.vue'

new Vue({

    el:'#app',

    render:h=>h(app);

})

通過import將一個Vue.js的元件檔案引入，並建立一個Vue物件的例項，在vue例項中用render方法來繪製這個vue元件（app）就完成了初始化。然後，將vue例項繫結到一個頁面上，真實存在的元素App Vue程式就引導成功了。

一個Vue例項必須與一個頁面元素（index.html的id為app）繫結。Vue例項一般用作Vue的全域性配置來使用，例如像安裝路由、資源外掛，配置應用於全域性的自定義過濾器、自定義指令等。

App.vue:

.vue是vus.js特有的檔案格式，表示的是一個vue元件，.vue檔案可以同時承載“檢視模板”、“樣式定義”和元件程式碼。.vue檔案內部結構

<template>

    <div id="app"></div>

</template>

<style></style>

<script>

    export default {

        name:'app'

    }

</script>