Vue.js-----轻量高效的MVVM框架（三、认识数据绑定）
插值 1、文本插值 （1）双向数据绑定 v-model="msg0101"，一旦v-model中的数值发生变化，所有用vue表达式{{msg0101}}的数据都会更新。 （2）单次插值 v-model="msg0102"，但是：如果我们仅仅需要显示msg0102初始化的值，则用 ...
原文：Vue.js-----轻量高效的MVVM框架（七、表单控件绑定）
话不多说，先上完整代码： Text 最常见的input示例： html 然后在js中定义data的message: msg 结果展示： CheckBox html 第一个复选框没有value属性，绑定了model为 checked ，默认值是布尔类型，选中为true，未选中为false。 第二个复选框选项绑定的model是checkedNames，在多个选项中进行多选操作，最终的结果会将check ...
2016-05-23 16:29 5 1929 推荐指数：
相关推荐
Vue.js-----轻量高效的MVVM框架（四、指令）
Vue指令 指令 (Directives) 是特殊的带有前缀 v- 的特性。指令的值限定为绑定表达式，因此上面提到的 JavaScript 表达式及过滤器规则在这里也适用。指令的职责就是当其表达式的值改变时把某些特殊的行为应用到 DOM 上。 在Vue中，常用的指令有v-text、v-html ...
Vue.js-----轻量高效的MVVM框架（八、使用组件）
什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 #1、全局注册 ...
Vue.js-----轻量高效的MVVM框架（六、Class与Style绑定）
这个相对来说简单，看一遍代码就懂。 一、完整片段： 二、结果展示： 三、渲染后的html代码 ...
Vue.js-----轻量高效的MVVM框架（一、初识Vue.js）
1、什么是Vue.js？ 众所周知，最近几年前端发展非常的迅猛，除各种框架如：backbone、angular、reactjs外，还有模块化开发思想的实现库：sea.js 、require.js 、webpack以及前端上线部署集成工具如： grunt、gulp、fis等。 Vue.js ...
Vue.js-----轻量高效的MVVM框架（十、父子组件通信）
#1、父链 html： js: dr01作为父代组件，child01作为子代组件，grandson01作为孙代组件 结果： #2、自定义事件 html: js: 结果： #3、使用v-on绑定自定义事件 ...
Vue.js-----轻量高效的MVVM框架（九、组件利用Props传递数据）
#使用props传递数据 html:传递普通的字符串 js: 结果展示： #camelCase vs. kebab-case html:在html中定义或者绑定属性的时候要符合kebab-case规则 js:在js中定义的属性名称 ...
Vue.js-----轻量高效的MVVM框架（十一、使用slot分发内容）
#单个slot html: js: 结果展示: #具名Slot（有名称的slot） html： js: 结果展示： #编译作用域 html: js ...