java-microservice-01-vue-01-helloworld

最新推荐文章于 2022-10-26 09:24:45 发布

zhoux_top

最新推荐文章于 2022-10-26 09:24:45 发布

阅读量452

点赞数

分类专栏： java 文章标签： vue.js java javascript

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

版权

java 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

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>

浏览器中查看结果：
动态改变数据源：

初步来看，使用vue框架实现前端非常简单。

zhoux_top

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java-microservice-01-vue-01-helloworld

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

扫一扫