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 相关文章推荐
JS中获取函数调用链所有参数的方法
May 07 Javascript
跟我学习javascript的var预解析与函数声明提升
Nov 16 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
浅析JavaScript函数的调用模式
Aug 10 Javascript
Javascript 事件冒泡机制详细介绍
Oct 10 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
Angularjs使用过滤器完成排序功能
Sep 20 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
JS删除String里某个字符的方法
Jan 06 Javascript
js正则匹配markdown里的图片标签的实现
Mar 24 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检测图片木马多进制编程实践
2013/04/11 PHP
PHP中常用的魔术方法
2017/04/28 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
js 获取Listbox选择的值的代码
2010/04/15 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
js取模(求余数)隔行变色
2014/05/15 Javascript
JavaScript数据类型检测代码分享
2015/01/26 Javascript
纯javascript制作日历控件
2015/07/17 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
nodejs入门教程四:URL相关模块用法分析
2017/04/24 NodeJs
Ionic2开发环境搭建教程
2020/08/20 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
vue小白入门教程
2018/04/02 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
Python 创建空的list,以及append用法讲解
2018/05/04 Python
Python实现基于POS算法的区块链
2018/08/07 Python
Python图像处理之图像的缩放、旋转与翻转实现方法示例
2019/01/04 Python
Pycharm 实现下一个文件引用另外一个文件的方法
2019/01/17 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
python实现字典嵌套列表取值
2019/12/16 Python
关于pytorch中全连接神经网络搭建两种模式详解
2020/01/14 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
python pip如何手动安装二进制包
2020/09/30 Python
matplotlib之属性组合包(cycler)的使用
2021/02/24 Python
企业统计员岗位职责
2013/12/13 职场文书
内蒙古鄂尔多斯市市长寄语
2014/04/10 职场文书
争做文明公民倡议书
2014/08/29 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
学校教代会开幕词
2016/03/04 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
导游词之山西关帝庙
2019/11/01 职场文书
windows下快速安装nginx并配置开机自启动的方法
2021/05/11 Servers