第一个Vue编程(vue)

1.利用引入Vue 

2.编写代码

vue01.html



	
		
		vue.js
		
				
	
			
		

{ {great()}}

Name:{ {name}}

Work:{ {work}}

Address:{ {address}}

I'am here for { {wait}} day

style.css

无代码

app.js

new Vue({
	el:"#vue-app",
	data:{
		name:"YanHSama",
		work:"Student",
		address:"Guangdong Zhanjiang",
		wait:"22"
		
	},
	methods:{
		great:function(){
			return 'welcome to Web 开发!';
		},
		add:function(){
			this.wait++;
		},
		substract:function(){
			this.wait--;
		}
	}
});
/*
 * el:element属性
 * data:数据存储
 * methods:方法
 */

3.运行视图

第一个Vue编程(vue)_第1张图片

你可能感兴趣的:(Vue)