vue測試程式1(一看就懂)
阿新 • • 發佈:2021-06-25
官網參考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>