Vue.js学习笔记之 helloworld


Posted in Javascript onAugust 14, 2016

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 相关文章推荐
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
jquery 3D 标签云示例代码
Jun 12 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
Jun 13 Javascript
前端弹出对话框 js实现ajax交互
Sep 09 Javascript
node.js文件上传处理示例
Oct 27 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
Nov 22 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
javascript将扁平的数据转为树形结构的高效率算法
Feb 27 Javascript
详解Node.js如何开发命令行工具
Aug 14 #Javascript
javascript中的 object 和 function小结
Aug 14 #Javascript
JavaScript兼容浏览器FF/IE技巧
Aug 14 #Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 #Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 #Javascript
几种二级联动案例(jQuery\Array\Ajax php)
Aug 13 #Javascript
漂亮! js实现颜色渐变效果
Aug 12 #Javascript
You might like
php扩展ZF――Validate扩展
2008/01/10 PHP
二招解决php乱码问题
2012/03/25 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
php利用事务处理转账问题
2015/04/22 PHP
PHP页面输出时js设置input框的选中值
2016/09/30 PHP
JS之小练习代码
2008/10/12 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
javascript进行四舍五入方法汇总
2014/12/16 Javascript
javascript检查某个元素在数组中的索引值
2016/03/30 Javascript
JavaScript仿网易选项卡制作代码
2016/10/06 Javascript
浅谈js中function的参数默认值
2017/02/20 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
Angular进行简单单元测试的实现方法实例
2020/08/16 Javascript
Python自定义简单图轴简单实例
2018/01/08 Python
基于Python List的赋值方法
2018/06/23 Python
Django开发中的日志输出的方法
2018/07/02 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
Python爬取365好书中小说代码实例
2020/02/28 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
Django正则URL匹配实现流程解析
2020/11/13 Python
python实现视频压缩功能
2020/12/18 Python
data:image data url 文件转为Blob上传后端的方法
2019/07/16 HTML / CSS
中专毕业生求职简历的自我评价
2013/10/21 职场文书
2014年计算机专业个人自我评价
2014/01/19 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
学习党的群众路线教育实践活动心得体会范文
2014/11/03 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
Python中for后接else的语法使用
2021/05/18 Python
利用正则表达式匹配浮点型数据
2022/05/30 Java/Android