今天完成的事情：

1.学习vue官方文档

明天计划的事情：

1.继续学习文档，并推进任务。

遇到的问题和收获：

1.声明式渲染：vue.js的核心是一个允许采用简洁模板语法来声明式地将数据渲染进DOM的系统

<div id="app-2">
    <span v-bind:title="msg">鼠标悬停几秒钟查看此处动态绑定的提示信息！</span>
</div>

<script>
    var app2 = new Vue({
        el: "#app-2",
        data: {
            msg: "页面加载于" + new Date().toLocaleString()
        }
    })
</script>

指令带有前缀v-，这是vue提供的特性。如v-bind将此元素的title和vue实例的msg属性保持一致。

v-for可以绑定数组的数据来渲染一个项目列表。

一个vue实例被创建时，会将其data对象中的所有属性加入到Vue的响应式系统中。那么当这些值发生变化时，视图会做出反应，同步刷新为新的数据。

新建一个vue实例并赋值给变量"myapp"，这个时候，变量myapp就是这个vue实例

var myapp = new Vue( //新建一个Vue 实例并赋值给变量'myapp',这时变量myapp就是这个vue实例 
    {
        el:'#myapp',
        data:{ message:'hello Vue',  //myapp.message = 'hello Vue' 
            mz:'33'  //myapp.mz = '33' } } 
);

实例属性。有前缀$，方便与用户定义的属性区分开来。

var data = { a: 1 };
console.log(data);
var vm = new Vue({
    el: '#app-4',
    data: data
});

vm.$data === data; // => true
vm.$el === document.getElementById("app-4"); // => true
console.log(vm.$el);
console.log(vm.$data)

例子很多，暂时记录一点。

进度慢了。赶快补起来。。