当前位置: 首页 > news >正文

vue复习

vue 复习

  options的根属性

       el:目的地(srting || DOM元素)

       template 模板

       data 是一个函数 , return一个对象   对象中的key, 可以直接在页面中使用  在js中this.key名

             data中的属性,在dom中直接用在js中 this.xxx

     compoents:key是组件名,value是组件对象

    methods:一般用业配合 xxx 事件

    prpos:子组件接收的参数设置['title']

 

  指令

      v-if/v-show:if就是插入或移除的问题 show是否隐藏的问题

      v-else-if/v-else:必须和v-if是相邻的元素

      v-bind/v-on:bind是给属性赋值 v-on给事件进行绑定

      v-blind:属性=‘变量’   ===========》:属性名

      v-on:事件名=“函数”    ===========》@事件名

      v-bind/v-model:bind就是单向数据流(vue-页面)     model是双向的(vue-页面    页面-vue)

注册全局组件

        应用场景:多出使用的公共性功能组件,就可以注册成全局组件,减少冗余代码

        全局API  vue.component('组件名',组件对象);

附加功能:过滤器&监视改动

   filter||filters

    filter全局过滤器(给数据添油加醋)显示:vue.filter(‘过滤器名’,过滤方式fn);

    filters组件内的过滤器: filters:{'过滤器名',过滤方式fn}

监视

    单个监视:watch   普通类型简单监视, obj  || array 深度监视

   多个监视:cumputed 监视多个

 

总结

  全局:组件、过滤器让大家直接使用  全局不带s

    过滤器;function(原数据,参数1,参数2){return:结果;}

         调用{{ ‘数据’ | 过滤器名(参数1,参数2)}}
    watch:单个监视

    computed:群体监视

转载于:https://www.cnblogs.com/lixintao/p/10300254.html

相关文章:

  • 操作数组的方法
  • MySQL安装失败,提示需安装MicroSoft Visual C++ 2013 Redistributable
  • HashMap源码分析笔记(一)
  • redis 学习笔记-cluster集群搭建
  • Java定义三个点Object...
  • Python学习链接
  • js给图层添加动态样式
  • LaTeX :font size 修改字体大小的几种方式
  • 4.1链表
  • 信号(SIGNAL)与槽(SLOT)
  • 类的约束 和 异常处理
  • jzoj3208. 【JSOI2013】编程作业(kmp)
  • JS中arguments对象
  • (七)Knockout 创建自定义绑定
  • 【特征提取】MultiBlock-LBP特征
  • create-react-app做的留言板
  • CSS选择器——伪元素选择器之处理父元素高度及外边距溢出
  • extract-text-webpack-plugin用法
  • gops —— Go 程序诊断分析工具
  • js如何打印object对象
  • k8s 面向应用开发者的基础命令
  • Mac转Windows的拯救指南
  • React as a UI Runtime(五、列表)
  • Redash本地开发环境搭建
  • spring-boot List转Page
  • Vue全家桶实现一个Web App
  • 编写高质量JavaScript代码之并发
  • 大整数乘法-表格法
  • 浮动相关
  • 构建二叉树进行数值数组的去重及优化
  • 聚类分析——Kmeans
  • 强力优化Rancher k8s中国区的使用体验
  • 入门到放弃node系列之Hello Word篇
  • 一个JAVA程序员成长之路分享
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • 如何通过报表单元格右键控制报表跳转到不同链接地址 ...
  • ​3ds Max插件CG MAGIC图形板块为您提升线条效率!
  • ​iOS安全加固方法及实现
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • #android不同版本废弃api,新api。
  • #Linux(权限管理)
  • #QT(TCP网络编程-服务端)
  • $$$$GB2312-80区位编码表$$$$
  • (04)odoo视图操作
  • (C语言)fgets与fputs函数详解
  • (笔试题)分解质因式
  • (剑指Offer)面试题34:丑数
  • (十八)devops持续集成开发——使用docker安装部署jenkins流水线服务
  • (一)python发送HTTP 请求的两种方式(get和post )
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (转)setTimeout 和 setInterval 的区别
  • (转)关于多人操作数据的处理策略
  • (转)平衡树
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • (转载)Linux 多线程条件变量同步