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多选下拉列表插件jquery multiselect功能介绍及使用
May 24 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
JavaScript中this的使用详解
Nov 08 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
Feb 25 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
vue地址栏直接输入路由无效问题的解决
Nov 15 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 Javascript
微信小程序 生成携带参数的二维码
Oct 23 Javascript
如何使用three.js 制作一个三维的推箱子游戏
Jul 29 Javascript
Vue监视数据的原理详解
Feb 24 Vue.js
详解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引用传值实例详解学习
2013/11/06 PHP
使用openssl实现rsa非对称加密算法示例
2014/01/24 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
解javascript 混淆加密收藏
2009/01/16 Javascript
JavaScript 常用函数
2009/12/30 Javascript
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
使用Python对Csv文件操作实例代码
2017/05/12 Python
python的pstuil模块使用方法总结
2019/07/26 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
基于Python的OCR实现示例
2020/04/03 Python
浅谈HTML5新增及移除的元素
2016/06/27 HTML / CSS
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
涉外文秘个人求职的自我评价
2013/10/07 职场文书
高中班级口号
2014/06/09 职场文书
土地转让协议书
2014/09/27 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
辞职信的写法
2015/02/27 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
2019大学生预备党员转正思想汇报
2019/06/21 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python
Python实现位图分割的效果
2021/11/20 Python