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 学习笔记 错误处理
Jul 30 Javascript
基于jquery的获取mouse坐标插件的实现代码
Apr 01 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
Mar 03 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
基于Jquery实现焦点图淡出淡入效果
Nov 30 Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
微信小程序实现卡片左右滑动效果的示例代码
May 01 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
Jun 10 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
PHP多个版本的分析解释
2011/07/21 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
解决php extension 加载顺序问题
2019/08/16 PHP
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
JavaScript中的关键字&quot;VAR&quot;使用详解 分享
2013/07/31 Javascript
javascript中数组的concat()方法使用介绍
2013/12/18 Javascript
For循环中分号隔开的3部分的执行顺序探讨
2014/05/27 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
JS模拟简易滚动条效果代码(附demo源码)
2016/04/05 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
微信小程序开发(二)图片上传+服务端接收详解
2017/01/11 Javascript
ionic选择多张图片上传的示例代码
2017/10/10 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
Vue 2.5.2下axios + express 本地请求404的解决方法
2018/02/21 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
JS实现带阴历的日历功能详解
2019/01/24 Javascript
基于Koa(nodejs框架)对json文件进行增删改查的示例代码
2019/02/02 NodeJs
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
澳大利亚拥有最好的家具和家居用品在线目的地:Nestz
2019/02/23 全球购物
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
旅游专业职业生涯规划范文
2014/01/13 职场文书
企业车辆管理制度
2014/01/24 职场文书
公司门卫管理制度
2014/02/01 职场文书
六一儿童节主持词
2014/03/21 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
员工表扬信怎么写
2015/05/05 职场文书