Vue.js学习 hello world的解决办法
内容摘要
这篇文章主要为大家详细介绍了Vue.js学习 hello world的简单示例,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记!
Vue.js 是用于构建交互
对此感兴趣的朋友,看看idc笔记做的技术笔记!
Vue.js 是用于构建交互
文章正文
这篇文章主要为大家详细介绍了Vue.js学习 hello world的简单示例,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记!
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>
End 512PiC.com
注:关于Vue.js学习 hello world的简单示例的内容就先介绍到这里,更多相关文章的可以留意
代码注释