新創建一個html頁面
引入我們的vue.js，例如:
// <script src='/public/vue.js'></script>
我是放在腳手架的public里面，一般靜態檔案都存放在腳手架的public的檔案里
// <script src='/public/vue.js'></script>
具體代碼如下：
//<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src='/public/vue.js'></script>
</head>
<body>
<div class="app">
</div>
</body>
</html>
<script>
// 創建一個Vue實體
new Vue({
el: '.app', //這里el 就是element，如果是class就是. 如果是id就是#
data: {}, //這里放資料（只有在data里面的內容才可以和html模板發生關系）
methods: {}, //這里是寫方法的地方
})
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src='/public/vue.js'></script>
</head>
<body>
<div class="app">
</div>
</body>
</html>
<script>
// 創建一個Vue實體
new Vue({
el: '.app', //這里el 就是element，如果是class就是. 如果是id就是#
data: {}, //這里放資料（只有在data里面的內容才可以和html模板發生關系）
methods: {}, //這里是寫方法的地方
})
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/239679.html
標籤：其他
上一篇：代碼啥意思，有懂的？
下一篇：jQuery原始碼分析（一）