<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title></title>
<script src="js/vue.js"></script>
</head> <body>
<div id="app">
我的名字叫:{{name}},年龄是:{{age}}
</div>
<script>
const vm=new Vue({
el:document.querySelector('#app'),
data(){
return {
name:'tom',
age:18,
}
}
});
console.log(vm.$data);//vm.$data可以在浏览器控制台看到输出
</script>
</body> </html>

最新文章

  1. 第三章 springboot + jedisCluster(转载)
  2. 【kd-tree】bzoj2648 SJY摆棋子
  3. 2016年5月11日摘自知乎的一些Redis大概了解
  4. mysql链接数据库时报错
  5. Commons-Beanutils包详解
  6. [CentOS]yum安装postgres和ntfs-3g
  7. java实现迷宫算法--转
  8. 记录sublime text2的技巧
  9. ps 网页配图设计
  10. 国庆JAVA作业
  11. mysql5.7主从复制配置——读写分离实现
  12. AngularJS2.0起步
  13. python 小练习 9
  14. JS事件用法
  15. Android中高亮变色显示文本中的关键字
  16. unity3d 通过添加rigidBody来指明物体是动态的,以避免cache开销
  17. Linux 基础——压缩解压命令
  18. c# DataTable行转列
  19. System.Security.Cryptography.CryptographicException: 系统找不到指定的文件
  20. DataBind()方法实现数据绑定

热门文章

  1. 顺利通过EMC实验(14)
  2. 《基于.NET Core构建微服务》系列文章(更新至第6篇,最新第7篇,已发布主页候选区)
  3. 纯CSS实现柱形图
  4. 利用angular4和nodejs-express构建一个简单的网站(七)—用户注册之ReactiveForm
  5. vue 多级组件数据传递
  6. Springcloud报错:java.lang.IllegalStateException: Service id not legal hostname (/a-service)
  7. 攻防世界——gif
  8. python---实现单例模式
  9. Shiro之权限管理的概念
  10. IsDebuggerPresent的反调试与反反调试