Vue2（初识vue）
在Vue 2中，可以通过以下方式来初识Vue：
- 引入Vue库。
- 创建一个Vue实例并挂载到一个DOM元素上。
以下是一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<title>Vue 2 初识</title>
<!-- 引入Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.11/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script>
// 创建Vue实例
new Vue({
// 挂载目标
el: '#app',
// 实例数据
data: {
message: 'Hello Vue!'
}
});
</script>
</body>
</html>在这个例子中，Vue被引入HTML页面后，创建了一个新的Vue实例，并通过选项对象中的el属性挂载到页面上id为app的元素。实例的data对象包含了一个message属性，该属性绑定到了模板中，在页面加载时，会显示出"Hello Vue!"的文本。这是Vue 2最基本的用法。
评论已关闭