vue.js语法介绍 - b13wen/vue.js-study GitHub Wiki

Vue实例 1、构造器

	1)每个Vue.js应用都是通过构造函数vue创建一个vue的根实例启动的
		var vm = new Vue({
			//选项
			});
		实例化一个Vue时，需要传入一个选项对象 、数据、模板、挂载元素、方法、生命周期钩子函数、计算机方法等
		el: '#app', 	
		data:{}			数据
		methods:{}		方法
	
	
	2)可以扩展Vue构造器，预定义可复用的组件构造器
	var MyComponent = Vue.extend({  // 扩展选项})
	// 所有的 `MyComponent` 实例都将以预定义的扩展选项被创建
	var myComponentInstance = new MyComponent()
	
2、属性与方法
	vue实例会代理data对象里所有的属性
	
3、模糊语法
	{{message|capitalize}}

4、计算机属性
	{{reversedMessage}}
	自定义声明一个计算机属性
	computed:{
		 // a computed getter   
		 reversedMessage: function () 
		 {      
			 // `this` points to the vm instance      
			 return this.message.split('').reverse().join('')    }  
		 }
	}
5、计算机缓存
	调用method中的方法和计算机属性方法都能实现功能，但计算机属性会缓存函数的执行结果
	相对而言，计算机属性将不会更新