<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://vuejs.org/js/vue.js" ></script>
</head>
<body>
<div id="ad">
<ul>
<li v-for="td in todos">
{{ td.text }}
<br>
</li>
</ul>
<input type="text" id="add1">
<input type="text" id="add2">
<input type="text" id="add3">
<button v-on:click='reverseMessage'>reverse message</button>
</div>
<script>
var people={
name:"as",
change:function(n){
console.log(this.name=n);
}
}
delete people.name;
people.sdad=function(na){
this.prototype=people.change(na);
};
people.sdad(555);
Object.freeze(people);
//特么的不会修改原型链
// var sasdfd= Object.prototype.isPrototypeOf(people);
// console.log("原来的"+people.name);
// // people.change("aasd");
//
// console.log("现在的"+people.name);
console.log(people.isAdult);
//上为测试数据
new Vue({
el: '#ad',
data: {
todos: [
{ text: 'Learn JavaScript' },
{ text: 'Learn Vue.js' },
{ text: 'Build Something Awesome' }
]
},
methods:{
reverseMessage:function(){
this.todos.splice(0,this.todos.length);
var test1_sort;
var aa= {
data:[
{text: document.getElementById("add1").value},
{text: document.getElementById("add2").value},
{text: document.getElementById("add3").value}
],
render:function(){
sort_by = function(field, reverse, primer){ //定义排序方法
var key = primer ?
function(x) {return primer(x[field])} :
function(x) {return x[field]};
reverse = [-1, 1][+!!reverse];
return function (a, b) {
return a = key(a), b = key(b), reverse * ((a > b) - (b > a));
}
}
test1_sort=aa.data.sort(sort_by('text', true, parseInt));
}
}
aa.render();
this.todos=test1_sort;
var passengerInfo = {};
passengerInfo.text = "dsadasdasdasfd";
this.todos.push(passengerInfo);
}
}
})
</script>
</body>
</html>
people这个对象如何修改原型链呢 基础不够不知道怎么写了
转载于:https://my.oschina.net/u/3079038/blog/903884