Vue.js的使用方法

vue的使用方法：

1. 首先引入vue.js

<script src="js/lib/vue/vue.js"></script>

2. 定义页面结构（或者说 提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标 。可以是 CSS 选择器，也可以是一个 HTMLElement 实例 。 ）

<div id="app">

{{message}}

</div>

3. 定义vue实例（或者说模型）

var vm = new Vue({

el:"#app",/*el表示选择一个标签*/--> 只要是CSS选择器都可以

data:{

message:"天王盖地虎，小鸡炖蘑菇"

},/*data表示存放在Model中的数据*/

func:function(){

this.message="我要打老虎";// 这里的this指的是new出来的vm实例 ，访问data对象中的属性时可以忽略data，直接访问它里面的数据，即this.data.message-->这种方式在Vue中会出错，可以写成this.message,或this.$data.message也可以。

}

});