我最近也在学习vue了哦

41 阅读1分钟

Vue的学习日记

vue是什么?

vue是一个用于构建用户界面的渐进式框架

首先到官网引入vue.js,有很多种引入方式

这里介绍 在线引入


引入vue,并且指定vue接管的区域

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/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>创建一个vue实列对象</title>
    <script src="../vuejs/vue.js" type="text/javascript"></script>
</head>
<body>
    <div id="app">{{message}}

    </div>

    <script>
        const app = new Vue({
            el: '#app',
            data: {
                message: 'hello world'
            }
        })
    </script>
</body>

</html>

这样,我们的第一个vue实例代码就写完了