Vue.js起步

1.

每个Vue应用都需要通过实例化Vue 来实现

• 语法格式如下：

var vm = new vue({
							//选项
							})

vue构造器：

1. 构造器中的一个参数 el ，它是DOM元素中的id.
2. methods 用于定义的函数，可以通过return 来返回函数值。
3. {{ }}用于输出对象属性和函数返回值。

<div id="vue_id">
    <h1>site : {{site}}</h1>
    <h1>url : {{url}}</h1>
    <h1>{{details()}}</h1>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el: '#vue_id',
        data: {
            site: "菜鸟就是菜鸟",
            url: "www.stacysi.com",
            alexa: "10000"
        },
        methods: {
            details: function() {
                return  this.site + " - 学的是技术，更是梦想！";
            }
        }
    })
</script>

4. 当一个Vue实例被创建时，他向Vue的相应式系统中加入了其data对象中能找到的所有的属性。当这些属性的值发生变化时，html视图将也会产生相应的变化。

var data = {name:'流氓',brithday:'19910524',age:'19'}
var vue =  new Vue({
	el:'.className',
	data:data
	})
//vue.name === data.name //true 引用相同的对象
//修改 属性同时会影响到另一个