在使用Vue開發web應用時,我們常常需要引入一些外部庫或插件來輔助開發。其中,script標簽是我們最常使用的一種方式。本文將介紹如何使用script導入Vue。
首先,我們需要在HTML文件中引入Vue的CDN鏈接。在head標簽中添加如下代碼:
<head>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
</head>
上述代碼中,我們通過CDN鏈接引入了Vue的核心代碼。這種方式不需要安裝Vue,直接在HTML中使用即可。
接下來,我們需要在JavaScript中創建一個Vue實例。在body標簽中添加如下代碼:
<body>
<div id="app">{{ message }}</div>
<script>
var vm = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
});
</script>
</body>
上述代碼中,我們通過new操作符創建了一個Vue實例vm,并通過el屬性指定Vue實例要操作的DOM元素。在data屬性中定義了一個message的屬性,用于頁面渲染。
至此,我們已經成功導入Vue并創建一個Vue實例。通過以上代碼,我們可以很快地開始Vue的開發之旅。
上一篇sanjs vue