java-microservice-01-vue-01-helloworld_zlt-microservice vue-CSDN博客

本文链接：https://blog.csdn.net/henrychow_2015/article/details/122177187

java-microservice-01-vue-01-helloworld

初识vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时， Vue 也完全能够为复杂的单页应用提供驱动。

hello world工程

三步实现简单的hello world页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>helloworld</title>
    <!--第一步：导入vue.js-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="d1">
    <!--第二步：双大括号语法，动态获取绑定的数据源-->
    {{message}}
</div>
<script>
    <!--第三步：创建Vue对象，注意大写。-->
    <!--el：绑定view，绑定语法类似于jquery（"#d1"）-->
    <!--data：数据源，定义变量message，使其能够被双大括号语法的地方引用-->
    var vm = new Vue({
        el:"#d1",
        data: {
            message:"hello world!"
        }
    });
</script>
</body>
</html>