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 相关文章推荐
javascript 动态添加事件代码
Nov 30 Javascript
javascript cookies操作集合
Apr 12 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 Javascript
vue-router路由参数刷新消失的问题解决方法
Jun 17 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
ES6实现图片切换特效代码
Jan 14 Javascript
JavaScript如何判断input数据类型
Feb 06 Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
小程序实现录音功能
Sep 22 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 strtr() 函数使用说明
2008/11/21 PHP
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
PHP遍历目录并返回统计目录大小
2014/06/09 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/01/13 Javascript
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
js获取多个tagname的节点数组
2013/09/22 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
2016/05/11 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
javascript数组去重方法分析
2016/12/15 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
javascript与PHP动态往类中添加方法对比
2018/03/21 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
Python中输出ASCII大文字、艺术字、字符字小技巧
2015/04/28 Python
Python并行分布式框架Celery详解
2018/10/15 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
python issubclass 和 isinstance函数
2019/07/25 Python
python读文件的步骤
2019/10/08 Python
pandas数据处理进阶详解
2019/10/11 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
Python GUI库Tkiner使用方法代码示例
2020/11/27 Python
阿联酋彩妆品牌:OUD MILANO
2019/10/06 全球购物
习近平在党的群众路线教育实践活动总结大会上的讲话
2014/10/21 职场文书
2014年人事专员工作总结
2014/11/19 职场文书
Python实现socket库网络通信套接字
2021/06/04 Python
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python
详解JAVA的控制语句
2021/11/11 Java/Android
业余无线电通联Q语
2022/02/18 无线电