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 页面编码与浏览器类型判断代码
Jun 03 Javascript
基于node.js的快速开发透明代理
Dec 25 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
如何用js实现鼠标向上滚动时浮动导航
Jul 18 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
vue计算属性及使用详解
Apr 02 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
微信小程序select下拉框实现效果
May 15 Javascript
vue中引入mxGraph的步骤详解
May 17 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
详解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
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
PHP基于socket实现客户端和服务端通讯功能
2017/07/13 PHP
详解PHP中的外观模式facade pattern
2018/02/05 PHP
javascript 弹出窗口中是否显示地址栏的实现代码
2011/04/14 Javascript
读jQuery之十二 删除事件核心方法
2011/07/31 Javascript
js的隐含参数(arguments,callee,caller)使用方法
2014/01/28 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
2014/04/04 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
python解析发往本机的数据包示例 (解析数据包)
2014/01/16 Python
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
9种python web 程序的部署方式小结
2014/06/30 Python
python time模块用法实例详解
2014/09/11 Python
玩转python爬虫之正则表达式
2016/02/17 Python
Python3中使用PyMongo的方法详解
2017/07/28 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
python爬虫之快速对js内容进行破解
2019/07/09 Python
django 控制页面跳转的例子
2019/08/06 Python
python设置随机种子实例讲解
2019/09/12 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
大学自主招生自荐信范文
2014/02/26 职场文书
手机银行营销方案
2014/03/14 职场文书
2014年乡镇党建工作总结
2014/11/11 职场文书
优秀教研组申报材料
2014/12/26 职场文书
西双版纳导游词
2015/02/03 职场文书
《狼牙山五壮士》教学反思
2016/02/17 职场文书
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android