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字典探测用户名工具
Oct 05 Javascript
工作需要写的一个js拖拽组件
Jul 28 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
Feb 03 Javascript
js去空格技巧分别去字符串前后、左右空格
Oct 21 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
影响jQuery使用的14个方面
Sep 01 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
jquery实现可关闭的倒计时广告特效代码
Sep 02 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
Oct 26 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
Nov 05 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
附件名前加网站名
2008/03/23 PHP
javascript读取xml
2006/11/04 Javascript
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
javascript和jquery修改a标签的href属性
2013/12/16 Javascript
javascript实现数字+字母验证码的简单实例
2014/02/10 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
Bootstrap每天必学之折叠
2016/04/12 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
详解js中call与apply关键字的作用
2016/11/21 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
JavaScript使用atan2来绘制箭头和曲线的实例
2017/09/14 Javascript
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
详解vue项目接入微信JSSDK的坑
2018/12/14 Javascript
JS中如何轻松遍历对象属性的方式总结
2019/08/06 Javascript
在vue中根据光标的显示与消失实现下拉列表
2019/09/29 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
举例讲解Python中metaclass元类的创建与使用
2016/06/30 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
python3实现字符串操作的实例代码
2019/04/16 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
pygame实现打字游戏
2021/02/19 Python
Python 下载及安装详细步骤
2019/11/04 Python
Python中的__init__作用是什么
2020/06/09 Python
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
彪马香港官方网上商店:PUMA香港
2020/12/06 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
医学专业毕业生个人求职信
2013/12/25 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
2014年仓库工作总结
2014/11/20 职场文书
新教师个人总结
2015/02/06 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
先进个人总结范文
2015/02/15 职场文书
会议室使用管理制度
2015/08/06 职场文书
学校标语口号大全
2015/12/26 职场文书