vue笔记

vue笔记

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.

<dir id="app">
	<ul>
		<li v-for="(book, index) in books">{{index}} - {{book.name}}</li>
	</ul>
</dir>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data: {
			books: [
				{name: 'java'},
				{name: 'vue'}
			]
		}
	});
	
	//push()方法可向数组的末尾添加元素，并返回新的长度。
	vm.books.push({
		name: 'c'
	});
	vm.books.push({
		name: 'c#'
	});
	console.log(vm.books.length);
	
	//pop()方法用于删除并返回数组的最后一个元素。
	var _pop = vm.books.pop();
	console.log(_pop.name + " " + vm.books.length);
	
	//shift()方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
	var _shift = vm.books.shift();
	console.log(_shift.name + " " + vm.books.length);
	
	//unshift()方法可向数组的开头添加元素，并返回新的长度。
	vm.books.unshift({
		name: 'js'
	});
	console.log(vm.books.length);
	
	//sort()方法用于对数组的元素进行排序。
	vm.books.sort();
	
</script>