vue构造器的内容
2024-10-19 04:25:52
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 学习</title>
<script src="vue.js"></script>
</head>
<body> <div id="app">
<p>{{ print_message() }}</p>
<p>{{ say_name() }}</p>
<p>{{ age }}</p>
</div> <script>
var data = { message: 'Hello Vue.js!', name: 'rao', age: 19 } //data的所有属性都会响应式地添加到app中的data,即使没有的属性
var app = new Vue({
el: '#app',
data: data,
methods: {
print_message: function(){
return this.message;
},
say_name: function(){
return this.name;
}
}
});
document.write(data.fuck === app.fuck) //true
document.write(app.name); //data的属性这样引用
document.write(app.$el === document.getElementById('app')); //实例属性前要加$
document.write(app.$data === data); //实例属性前要加$
</script>
</body>
</html>
最新文章
- 看完这篇让你对各种前端build工具不再懵逼!
- [UCSD白板题] Greatest Common Divisor
- 资源绑定ResourceBundle
- javascript逻辑运算符“||”和“&;&;”
- tar -cvPf new.tar `rpm -ql vsftpd` 建议不要用绝对路径&#39;/&#39;
- ThinkPHP函数详解:session方法
- Java:多线程,使用同步锁(Lock)时利用Condition类实现线程间通信
- DELL R710服务器可以安装的VMWare ESX Server 4.1 全套下载带注册码
- winform代码反编译后图片等资源文件恢复解决方案
- VC版本的MakeObjectInstance把WNDPROC映射到类的成员函数
- 编码规范(CSS)
- (转)Uploadify 3.2 参数属性、事件、方法函数详解
- 数据库隔离级别(mysql+Spring)与性能分析
- c#进程、定时器初步学习
- EDK II代码实例之Variable
- SSH 服务配置
- Golang之发送消息至kafka
- JSON序列——保存修改数据
- python全栈开发day38-css三种引入方式、基础选择器、高级选择器、补充选择器
- [No0000165]SQL 优化