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 相关文章推荐
Extjs grid panel自带滚动条失效的解决方法
Sep 11 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
JavaScript实现将文本框的值插入指定位置的方法
Aug 13 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 Javascript
jQuery插件开发汇总
May 15 Javascript
javascript cookie基础应用之记录用户名的方法
Sep 20 Javascript
bootstrap手风琴制作方法详解
Jan 11 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
May 12 Javascript
Angular2环境搭建具体操作步骤(推荐)
Aug 04 Javascript
Popup弹出框添加数据实现方法
Oct 27 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
Oct 15 Javascript
解析JS在获取当前月的最后一天遇到的坑
Aug 30 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 $_SERVER[&quot;REQUEST_URI&quot;]获取值的通用解决方法
2010/06/21 PHP
简单的移动设备检测PHP脚本代码
2011/02/19 PHP
PHP类相关知识点实例总结
2016/09/28 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jQuery插件uploadify实现ajax效果的图片上传
2016/06/18 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
2016/11/10 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
微信小程序Getuserinfo解决方案图解
2018/08/24 Javascript
详解vue 兼容IE报错解决方案
2018/12/29 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
python 循环while和for in简单实例
2016/08/16 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
强悍的Python读取大文件的解决方案
2019/02/16 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
详解numpy矩阵的创建与数据类型
2019/10/18 Python
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
财务主管自我鉴定
2014/01/17 职场文书
2014年大学生自我评价
2014/01/19 职场文书
测试工程师程序员求职信范文
2014/02/20 职场文书
《穷人》教学反思
2014/04/08 职场文书
大学生优秀班干部事迹材料
2014/05/26 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
财务管理专业自荐书
2014/09/02 职场文书
大学军训决心书
2015/02/05 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
PHP新手指南
2021/04/01 PHP
go 实现简易端口扫描的示例
2021/05/22 Golang
Python序列化与反序列化相关知识总结
2021/06/08 Python