摘要：
Unknown custom element: <blog-post> - did you register the component correctly? For recursive components, make sure to provide the "name" option. VUE小 阅读全文
摘要：
表单输入绑定 基础用法 用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些 阅读全文
摘要：
列表渲染 用 v-for 把一个数组对应为一组元素 用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <div> <ul id="example-3"> < 阅读全文
摘要：
Class 与 Style 绑定 1.绑定HTML Class #对象语法 传给 v-bind:class 一个对象，以动态地切换 class： <div v-bind:class="{ active: isActive }"></div> 上面的语法表示 active 这个 class 存在与否将 阅读全文
摘要：
计算属性和侦听器 1.计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example-1"> {{ message.split('').reverse().join('') }} </div> var vm 阅读全文
摘要：
模板语法 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 阅读全文
摘要：
Vue实例 当创建一个 Vue 实例时，你可以传入一个选项对象。 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。举个例子，一个 todo 应用的组件树可以是这样的： 根实例 └─ TodoList ├─ TodoItem │ ├─ Del 阅读全文
摘要：
组件化应用结构 在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。 <div id="app-7"> <ol> <!-- 创建一个 todo-item 组件的实例 --> <todo-item>11</todo-item> </ol> </div> Vue.component( 阅读全文
摘要：
条件与循环 v-if判断使用 ：控制元素是否显示 <div id="app-3"> <p v-if="seen">vue是否显示</p> </div> var app3 = new Vue({ el: '#app-3', data: { seen: true } }) v-for循环使用： <div 阅读全文
摘要：
传统的DOM编程方式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数据绑定演示</title> </head> <body> <div id="app"> <input type="text" id="name" place 阅读全文