欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue.js学习笔记之 helloworld

程序员文章站 2022-06-12 09:13:39
vue.js 是用于构建交互式的 web 界面的库。 vue.js 提供了 mvvm 数据绑定和一个可组合的组件系统,具有简单、灵活的 api。 先来看一个简单的示例,...

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