Vue公式サイトhttps://cn.vuejs.org/
一、Vueオブジェクトを作成する

	
		var vm = new Vue({
		  el: '#example',//      ，      div，       vue     
		  data: {//  json  json       
                <span>	</span>myData:[],
                <span>	</span>username:'',
                <span>	</span>age:'',
                <span>	</span>nowIndex:-100
		  },
		  methods:{//   vue        
                  <span>	</span>add:function(){
                    <span>		</span>this.myData.push({
                        <span>	</span>name:this.username,
                        <span>	</span>age:this.age
                   <span>	</span> });

                    <span>		</span>this.username='';
                    <span>		</span>this.age='';
                    <span>	</span>},
                <span>	</span>deleteMsg:function(n){
                    <span>		</span>if(n==-2){
                        <span>		</span>this.myData=[];
                   <span>	</span> <span>	</span>}else{
                        <span>		</span>this.myData.splice(n,1);
                    <span>		</span>}
                <span>	</span>}
         <span>	</span> },
		  computed: {//       
		    // a computed getter
		    reversedMessage: function () {//    function，           
		      // `this` points to the vm instance
		      return this.message.split('').reverse().join('')
		    	}

			},
		    watch:{//    message    
		    	'message':function(val,oldVal){
		    	console.log(val,oldVal);
		    }

		  }
		});
	

二、Vue常用指令
1、v-if指令

            
Yes!
            
No!
            
Age: {{ age }}
            
Name: {{ name }}

2、v-show指令

            
Yes!
            
No!
            
Age: {{ age }}
            
Name: {{ name }}

3、v-else指令

            
Yes!
            
No!
            
Age: {{ age }}
            
sex:{{sex}}

4、v-for指令

        var vm = new Vue({
            el: '#app',
            data: {
                people: [{
                    name: 'Jack',
                    age: 30,
                    sex: 'Male'
                }, {
                    name: 'Bill',
                    age: 26,
                    sex: 'Male'
                }, {
                    name: 'Tracy',
                    age: 22,
                    sex: 'Female'
                }, {
                    name: 'Chris',
                    age: 36,
                    sex: 'Male'
                }]
            }
        })

            

                

                    

                        
Name
                        
Age
                        
Sex
                    
                
                

                    

                        
{{ person.name  }}
                        
{{ person.age  }}
                        
{{ person.sex  }}