首页 > 其他 > 详细

vue实例相关

时间:2018-01-27 16:15:09      阅读:220      评论:0      收藏:0      [点我收藏+]
computed \ methods  里边是(各种)函数,函数里边调用变量用this. 

computed 里边是 (各种)函数返回对象

实例中data是对象, 在组件中(在其他里边)data是函数返回对象

 

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

 

v-model:把当前这个input里边的值指到哪里

<input v-model="current.title" id="task-input" type="text">

 

JSON.stringify() 方法将 JavaScript对象 转换为 JSON字符串。

JSON.parse() 方法将 JSON字符串 转换为 JavaScript对象。

<p id="demo"></p>

<script>

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

</script>

//运行结果:{"name":"runoob","alexa":10000,"site":"www.runoob.com"}

 

<p id="demo"></p>
<script>
var text = ‘{"employees":[‘ +
‘{"name":"菜鸟教程","site":"http://www.runoob.com" },‘ +
‘{"name":"Google","site":"http://www.Google.com" },‘ +
‘{"name":"Taobao","site":"http://www.taobao.com" }]}‘;
obj = JSON.parse(text);
document.getElementById("demo").innerHTML = obj;
</script>

//运行结果:[object Object]


<p id="demo"></p>
<script>
var text = ‘{"employees":[‘ +
‘{"name":"菜鸟教程","site":"http://www.runoob.com" },‘ +
‘{"name":"Google","site":"http://www.Google.com" },‘ +
‘{"name":"Taobao","site":"http://www.taobao.com" }]}‘;
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].name;
</script>

//运行结果:Google

 

 

<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
document.getElementById("demo").innerHTML = person;
</script>

//运行结果:[object Object]


<p id="demo"></p> <script> var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; document.getElementById("demo").innerHTML = person.firstName; </script> //运行结果:John

 

vue实例相关

原文:https://www.cnblogs.com/qq254980080/p/8365988.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!