Vue学习是至关重要的一项工作，在进行Vue学习时需要制定出一个系统的计划，以掌握Vue知识，对Vue技术进行更好的利用。

声明式渲染

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

1

4 5 var app=new Vue({6 el:'#app',//element需要获取的元素7 data:{8 message:'Hello Vue!'9}10})

除了文本插值，我们还可以像这样来绑定元素特性：

1

6 var app2=new Vue({7 el:'#app-2',8 data:{9 message:'页面加载于'+new Date().toLocaleString()10}11})

你看到的v-bind特性被称为指令。指令带有前缀v-，以表示它们是Vue提供的特殊特性。

在这里，该指令的意思是：“将这个元素节点的title特性和Vue实例的message属性保持一致”。

组件化应用构建

组件系统是Vue的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。

在Vue里，一个组件本质上是一个拥有预定义选项的一个Vue实例。在Vue中注册组件很简单：

1//定义名为todo-item的新组件2 Vue.component('todo-item',{3 template:'

8910

但是这样会为每个待办项渲染同样的文本，这看起来并不炫酷。我们应该能从父作用域将数据传到子组件才对。