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的无限级联下拉框js插件
Oct 29 Javascript
jquery取消选择select下拉框示例代码
Feb 22 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
jQuery进行组件开发完整实例
Dec 15 Javascript
一种新的javascript对象创建方式Object.create()
Dec 28 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
vue引入axios同源跨域问题
Sep 27 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
Sep 16 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
Vue实现简单的留言板
Oct 23 Javascript
Vue深入理解插槽slot的使用
Aug 05 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自定义函数之递归删除文件及目录
2010/08/08 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
php获取linux命令结果的实例
2017/03/13 PHP
PHP中危险的file_put_contents函数详解
2017/11/04 PHP
laravel按天、按小时,查询数据的实例
2019/10/09 PHP
php中yii框架实例用法
2020/12/22 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
js实现类似MSN提示的页面效果代码分享
2015/08/24 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
2017/02/09 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
vue项目中使用fetch的实现方法
2019/04/25 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
用Python脚本来删除指定容量以上的文件的教程
2015/05/04 Python
Python Requests库基本用法示例
2018/08/20 Python
一百行python代码将图片转成字符画
2021/02/19 Python
Python中如何导入类示例详解
2019/04/17 Python
在Django下测试与调试REST API的方法详解
2019/08/29 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
ajax是什么及其工作原理
2012/02/08 面试题
十佳班主任事迹材料
2014/01/18 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
民事代理词范文
2015/05/25 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
Python办公自动化之Excel(中)
2021/05/24 Python
python内置进制转换函数的操作
2021/06/02 Python
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis