1. 程式人生 > 其它 >vue測試程式1(一看就懂)

vue測試程式1(一看就懂)

官網參考https://cn.vuejs.org/v2/guide/index.html

嘗試 Vue.js 最簡單的方法是使用Hello World 例子。你可以在瀏覽器新標籤頁中開啟它,跟著例子學習一些基礎用法。或者你也可以建立一個.html檔案,然後通過如下方式引入 Vue:

<!-- 開發環境版本,包含了有幫助的命令列警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title>

<scriptsrc="vue.js"type="text/javascript"charset="UTF-8"></script> <!--這裡應該是沒有引用好,如果引入好了,正常改顯示下面的資料。-->
<scriptsrc="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <divid="app"> {{variable}} </div>


<scripttype="text/javascript"> varapp=newVue({ el:'#app', //用於儲存資料 data:{ variable:'helloVue!' } }); </script> </body> </html>