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框架实现前端非常简单。
