文章目录
[+]
vue的声明式渲染
Vue.js 的核心是一个许可你采取简洁的模板语法来声明式的将数据渲染进 DOM 的系统。让我们编辑经典的Hello代码，来考试测验第一次利用Vue。
你会在页面上看到Hello Vue！
文本。详细的实现事理回在后面的文章详细先容。
我们还可以采取v-bind的办法绑定 DOM 元素属性(省略了和上一步相同的代码)：
（图片来自网络侵删）
这里的v-bind属性被称为指令。指令带有前缀 v-，以表示它们是 Vue.js 供应的分外属性。v-bind将title属性和data中的message绑定在一起，每次刷新页面都会动态的改变title属性的值。
条件与循环有其他干系措辞的编程履历的人来说，在页面中利用模板措辞来做条件与循环再熟习不过了，比如java的JSP、FreeMarker。PHP的Smarty，前端模板swig、Jade等等。觉得Vue中很类似。（个人不雅观点）
Vue中的if条件：
Vue中的v-for循环:
处理用户输入
v-on 指令绑定一个监听事宜用于调用我们 Vue实例中定义的方法：
这段代码实现了每点击一次按钮index都累加1。
Vue 也供应了 v-model指令，它使得在表单输入和运用状态中做双向数据绑定变得非常轻巧
手动改变input的值会是P标签的值也随之改变。
第一行的代码实在只是第二行的语法糖。这样理解model可能更能接管一些。
用组件构建（运用）组件系统是 Vue 另一个主要观点，由于它供应了一种抽象，让我们可以用独立可复用的小组件来构建大型运用。如果我们考虑到这点，险些任意类型的运用的界面都可以抽象为一个组件树。
举个栗子：
我们在后面再详细先容它。
