美文网首页
vuejs - (v-for、v-model、$event)-

vuejs - (v-for、v-model、$event)-

作者: Q小石头Me | 来源:发表于2016-10-16 21:54 被阅读0次

       系统学习vuejs中的生命周期、循环性能、自定义组件思想、vue-cli、vue-loader(*.vue)、vue-devtools、slot等用法后深受喜欢,于是准备重头开始做一下笔记加深印象,如果你无意中看到此文,希望看完后对你有所帮助, api用法不在赘述过多。

1、vue.js(1.0.26) ->  mvvm框架 、小巧、精简 -> 适合移动端项目 -> 不兼容ie

2、官网地址:http://cn.vuejs.org

3、基本雏形   

                  el:挂载元素 -> 可以是class、id、body 等选择器....... (onload之后)

                  data:可以是number、string、 布尔类型、数组(v-for遍历)、 json 等数据类型.......

4、常用指令(拓展HTML标签功能属性)

        4-1、 v-model='msg' --->  双向数据绑定

        4-2、  v-for='value in arr/json' --->循环

               4-2-1、循环数组  -->(自带$index)

               4-2-2、循环json数据 -->(自带$index、$key)

5、事件对象     @:event.prevent/stop/.......='Fn($event)'

          5-1、阻止冒泡(@click.stop = 'fn()'/或者是在fn方法里面写上                   cancleBubble = true)

          5-2、取消默认行为(ev.preventDefault/@click.prevent=                             'fn($event)')

           5-3、ev.keyCode获取键盘的键值  @keyup.left/top/......

相关文章

  • vuejs - (v-for、v-model、$event)-

    系统学习vuejs中的生命周期、循环性能、自定义组件思想、vue-cli、vue-loader(*.vue)...

  • vue第二章

    v-for循环,可以遍历值和下标。 v-for=''(vlaue,index)in对象名'' v-model 双向...

  • Vue常用指令:

    v-for="(value,index) in arr" 循环 遍历 v-model=""双向数据...

  • vue的指令

    ** v-model 双向数据绑定 ** v-for 数组,对象,数值 最后一...

  • vue指令

    数据的双向绑定:v-model 通过绑定class赋予样式 使用内联样式 v-for v-for中的使用问题 解决...

  • 2018-12-10 v-model直接绑定v-for循环下的成

    错误代码 报错 You are binding v-model directly to a v-for itera...

  • 玩转Vue_指令2

    数据的双向绑定:v-model 简易计算器练习 通过绑定class赋予样式 使用内联样式 v-for v-for中...

  • vue基础篇(一)

    继续上一篇 vue指令 3. v-for, v-model i. v-for根据数据生成列表结构 (item,in...

  • Vue的指令

    v-for v-model v-model (双向数据绑定)主要用于表单元素 v-on v-on 事件 写法:v...

  • vue

    v-for 循环遍历(点击DOM获取数据) VueJS实践:怎么给v-for之后的每个节点都添加不同的样式 1> ...

网友评论

      本文标题:vuejs - (v-for、v-model、$event)-

      本文链接:https://www.haomeiwen.com/subject/mnqoyttx.html