Vue.js学习笔记之 helloworld

2019-12-05,,,,,

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基础知识汇总

您可能感兴趣的文章:

  • 使用node+vue.js实现SPA应用
  • 基于Vue.js的表格分页组件
  • JavaScript的Vue.js库入门学习教程
  • 使用vue.js开发时一些注意事项
  • Vue.js每天必学之Class与样式绑定
  • Vue.js每天必学之表单控件绑定
  • Vue.js每天必学之计算属性computed与$watch
  • Vue.js每天必学之数据双向绑定
  • Vue.js每天必学之构造器与生命周期
  • Vue.js每天必学之方法与事件处理器

《Vue.js学习笔记之 helloworld.doc》

下载本文的Word格式文档,以方便收藏与打印。