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与flash交互通信基础教程
Aug 07 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
Jun 13 Javascript
JS实现的跨浏览器解析XML文件实例
Jun 21 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
JavaScript构建自己的对象示例
Nov 29 Javascript
JS正则表达式验证密码格式的集中情况总结
Feb 23 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
JavaScript 下载svg图片为png格式
Jun 21 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
Feb 26 Javascript
ajax请求前端跨域问题原因及解决方案
Oct 16 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 压缩文件夹的类代码
2009/11/05 PHP
MySQL连接数超过限制的解决方法
2011/07/17 PHP
PHP实现今天是星期几的几种写法
2013/09/26 PHP
php简单分页类实现方法
2015/02/26 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
PHP利用递归函数实现无限级分类的方法
2019/03/22 PHP
把html页面的部分内容保存成新的html文件的jquery代码
2009/11/12 Javascript
js中根据字数截取字符串,不能截断url
2012/01/12 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
JS碰撞运动实现方法详解
2016/12/15 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
jQuery事件委托代码实践详解
2019/06/21 jQuery
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
基于Python List的赋值方法
2018/06/23 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
Python 变量的创建过程详解
2019/09/02 Python
学Python 3的理由和必要性
2019/11/19 Python
Anconda环境下Vscode安装Python的方法详解
2020/03/29 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
2020/10/02 Python
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
Java面试题:为什么要用Java
2012/05/11 面试题
中英双版中文教师求职信
2013/10/27 职场文书
技术人员面试提纲
2013/11/28 职场文书
计算机个人求职信范例
2014/01/24 职场文书
企业人事任命书
2014/06/05 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏