Hello World

Пример проекта из CDN

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
            integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
            crossorigin="anonymous"></script>
</head>
<body>
<div id="app">
    <div class="d-flex justify-content-center py-3">
        <h1> {{message}}</h1>
    </div>
</div>
</body>
<script type="text/javascript">
    new Vue({
        el: "#app",
        data: {
            message: "Hello World!",
        },
        mounted() {
            document.title = this.message;
        },
        methods: {},
    });
</script>
</html>
PreviousVueNextRouter

Last updated