当前位置：首页 > 资讯 > 技术文档

Vue.js学习笔记之 helloworld

时间：2020-05-28 19:11 编辑：来源：阅读：
扫一扫，手机访问

摘要：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学习的文章，请看这里： [url=http://www.1sucai.cn/article/84892.htm]JavaScript的Vue.js库入门学习教程[/url] [url=http://www.1sucai.cn/article/83109.htm]Vue.js基础知识汇总[/url]

全部评论(0)

上一篇：Vue学习笔记进阶篇之函数化组件解析
下一篇：vue实现导航栏效果（选中状态刷新不消失）

资讯排行榜
更多>>