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 位置插件
Dec 25 Javascript
jquery 简短右键菜单 多浏览器兼容
Jan 01 Javascript
基于jquery的多功能软键盘插件
Jul 25 Javascript
js 自制滚动条的小例子
Mar 16 Javascript
Javascript中Array用法实例分析
Jun 13 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
小程序文字跑马灯效果
Dec 28 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
Mar 07 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
vue+element tabs选项卡分页效果
Jun 29 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
用 Composer构建自己的 PHP 框架之构建路由
2014/10/30 PHP
Laravel 中获取上一篇和下一篇数据
2015/07/27 PHP
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
Bootstrap安装环境配置教程分享
2016/05/27 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
JS实现的自定义水平滚动字体插件完整实例
2016/06/17 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
jQuery实现产品对比功能附源码下载
2016/08/09 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
javascript获取select值的方法完整实例
2019/06/20 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
跟老齐学Python之正规地说一句话
2014/09/28 Python
Python实现获取网站PR及百度权重
2015/01/21 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
Django实现CAS+OAuth2的方法示例
2019/10/30 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
澳大利亚在线百货商店:Real Smart
2017/08/13 全球购物
英格兰足协官方商店:England Store
2019/07/12 全球购物
早餐连锁店计划书
2014/01/08 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
导游词400字
2015/02/13 职场文书
房屋维修申请报告
2015/05/18 职场文书
反邪教学习心得体会
2016/01/15 职场文书
合作合同协议书
2016/03/21 职场文书
电频谱管理的原则是什么
2022/02/18 无线电