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 new一个对象的实质
Jan 07 Javascript
JavaScript的单例模式 (singleton in Javascript)
Jun 11 Javascript
jquery 全局AJAX事件使用代码
Nov 05 Javascript
jquery配合css简单实现返回顶部效果
Sep 30 Javascript
JavaScript通过元素的ID和name设置样式
Jul 08 Javascript
jQuery 回调函数(callback)的使用和基础
Feb 26 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
May 01 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
Aug 27 Javascript
JS实现音乐导航特效
Jan 06 Javascript
解决小程序无法触发SESSION问题
Feb 03 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下的PHP5.0安装配制详解
2006/09/05 PHP
第1次亲密接触PHP5(1)
2006/10/09 PHP
asp 取文本框名称代码
2008/12/02 Javascript
表单JS弹出填写提示效果代码
2011/04/16 Javascript
jQuery 联动日历实现代码
2012/05/31 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
js实现微博发布小功能
2017/01/12 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
原生js轮播特效
2017/05/18 Javascript
详解vue项目首页加载速度优化
2017/10/18 Javascript
axios拦截设置和错误处理方法
2018/03/05 Javascript
JS求Number类型数组中最大元素方法
2018/04/08 Javascript
nodejs 如何手动实现服务器
2018/08/20 NodeJs
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
小程序接入腾讯位置服务的详细流程
2020/03/03 Javascript
python 切片和range()用法说明
2013/03/24 Python
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
python实现三次样条插值
2018/12/17 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
解决django model修改添加字段报错的问题
2019/11/18 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
html5 音乐播放器 audio 标签使用概述
2013/07/15 HTML / CSS
美国性感女装网站:bebe
2017/03/04 全球购物
药学专业学生的自我评价分享
2014/02/06 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
七年级作文之秋游
2019/10/21 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python
利用Redis实现点赞功能的示例代码
2022/06/28 Redis
windows系统搭建WEB服务器详细教程
2022/08/05 Servers