zoukankan      html  css  js  c++  java
  • vue初级 总结

      mvvm  m:代表 data  v 代表 view  vm 代表 Vue 的实例

      v-cloak  指令  解决闪烁的问题  需要在 style 标签中加入 [v-cloak];{ display:none }

      v-bind  指令  绑定属性  简写 :

      v-on  指令  绑定事件  简写 @  指定的函数带() 表示可以传参,也可以不带

        v-on.shop  阻止事件冒泡  v-on.prevent  阻止事件默认行为

      v-html  指令  将数据渲染到页面上,并解析了标签

      {{}}  指令  等同于  v-text  将数据渲染到页面上,但是不解析标签

      v-model  指令  数据的双向绑定

      v-for  指令  对数据进行遍历  注意使用  :key='唯一的类型'  牵扯到 diff 算法

      v-if  指令  是否将数据显示到页面上,节点操作

      v-show  指令  是否将数据显示到页面上,display:none / block 操作

      @keyup.enter  指令  enter 键抬起的  可以使用 键码

      |  管道符  

      过滤器  Vue.filter

      自定义指令  Vue.directive

      组件  Vue.component

      计算属性  Vue.computed

      监听器  watch

      props  子组件获取父组件的数据

      ref  父组件获取子组件的数据

      this.$nextTick()  生命周期最后执行的函数

      Object.definePropery()  对象属性的操作  Object.getOwnPropertyDescriptor()  返回关于对象属性的描述  这两个配合使用

      生命周期

        beforeCreate()  在 beforeCreate 生命周期执行的时候,data 和 methods 都还没初始化

        created()  data 和 methods 都已经被初始化好了

        beforeMount()  表示模板在内存中编译完成了,但是尚未把模板渲染到页面上来

        mounted()  表示将模板挂载到页面上了,用户已经可以看到渲染好的页面

        beforeUpdate()  表示数据更新了,页面还没更新

        updated()  表示数据 和 页面都更新了

        beforeDestroy()  表示,Vue 实例从运行阶段,到快要销毁的阶段,指令,模板还处在可用的状态

        destroyed()  组件被销毁,指令,模板都已经不可用了  

  • 相关阅读:
    execing process _ golang
    Spawning process _ golang
    environment variables _ golang
    common-line flags _ golang
    command-line arguments _ golang
    line filters _ golang
    writing files _ golang
    Reading files _ golang
    为什么使用do{}while(0)来进行宏定义
    单向链表的反转
  • 原文地址:https://www.cnblogs.com/shangjun6/p/11246658.html
Copyright © 2011-2022 走看看