1.vue的使用有多種方式：

• 1. 直接下載使用，（vue官網是vuejs.org）。
• 2.直接從cnd獲取，引入到我們的伺服器中使用。在專案組複製https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js 該連結，就能夠獲取到Vue。

我們前期使用的開發工具是線上編輯器。瀏覽器開啟:https://jsfiddle.net
他分為4個部分，html，css， JavaScript，result。程式碼寫好後，點選左上角的run，就可以將結果顯示在resule部分。

html部分：
<script src="

https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js">; </script>
<div id="app">
<p></p>
</div>

hello

//我們想輸出hello，有兩種方式，直接利用html輸出，或者通過vue進行輸出。 JavaScript部分： （在這裡建立vue例項，該例項就能夠控制自己的模板， 即html程式碼。） new Vue(); //建立例項，為了實現功能，需要傳引數給該例項的建構函式，即： new Vue({ }); Vue物件有幾個保留屬性： el: “字串” //該屬性定義了vue能控制的html片段。寫法類似CSS寫法。控制：指可以用Vue例項改變html內容。 例如：el:#app 代表能夠控制ID是app的程式碼段。 el:.app 代表能夠控制class=“app”的類程式碼段。 data:物件 //例項中需要的所有資料都儲存在該保留屬性中。 例如：data:{ title:"hello world!"} 我想將hello輸出到頁面上的p標籤中。那麼html的p標籤中應該寫成

{{title}}

就可以輸出了。 新增後，頁面載入時，title就會在data屬性中找所有資料，在所有資料中找到title對應的資料。 div#app 輸出div標籤對，另外id設定為app。 最終的程式碼端為： html部分：  JavaScript部分：