Vue.js学习笔记之 helloworld

239 阅读 0 评论 158 点赞

我是靠谱客的博主无心服饰，最近开发中收集的这篇文章主要介绍Vue.js学习笔记之 helloworld，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Vue.js 是用于构建交互式的 Web 界面的库。

Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

先来看一个简单的示例，Hello,World!

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue学习</title>
<script src="/vue/1.0.11/vue.min.js"></script>
</head>
<body>
<div id="app">
 {{ message }}
</div>
<!-- JavaScript 代码需要放在尾部（指定的HTML元素之后） -->
<script>
new Vue({
  el:'#app',
  data: {
    message:'Hello World!'
  }
});
</script>
</body>
</html>

更多有关Vue.js学习的文章，请看这里：

JavaScript的Vue.js库入门学习教程

Vue.js基础知识汇总