在使用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的开发之旅。