web前端：vue起步

　　构造器是java和C#学习中很重要的一个概念，构造器可以提供许多特殊的方法，构造器作为一种方法，负责类中成员变量(域)的初始化。实例构造器分为缺省构造器和非缺省构造器。

　　1.vue构造器：

　　varv=newVue({

　　.........

　　})

　　<divid="d1">

　　<h1>site:{{site}}</h1>

　　<h1>url:{{url}}</h1>

　　<h1>{{details()}}</h1>

　　</div>

　　<scripttype="text/javascript">

　　varvm=newVue({

　　el:'#d1',

　　data:{

　　site:"哈哈",

　　url:"www.baidu.com",

　　alexa:"10000"

　　},

　　methods:{

　　details:function(){

　　returnthis.site+"-你就知道！"+this.alexa;

　　}

　　}

　　})

　　</script>

　　在Vue构造器中有一个el参数，它是DOM元素中的id。在上面实例中id为d1，在div元素中：

　　<divid="d1"></div>

　　这意味着我们接下来的改动全部在以上指定的div内，div外部不受影响。

　　如何定义数据对象:

　　1.data用于定义属性，实例中有三个属性分别为：site、url、alexa。

　　2.methods用于定义的函数，可以通过return来返回函数值。

　　3.{{}}用于输出对象属性和函数返回值。

　　运行结果：

　　构造器最大的用处就是在创建对象时执行初始化，当创建一个对象时，系统会为这个对象的实例进行默认的初始化。如果想改变这种默认的初始化，就可以通过自定义构造器来实现。