Vue基本概念

1.全局api

参考api地址:https://vuejs.org/v2/api/#Global-API

 - Vue.extend(),Vue构造器

 - Vue.nextTick([callback, context]),Vue回调Dom刷新后调用

 - Vue.set(target, key, value),Vue设置属性。在双向绑定数据时,替换数据希望立即更新,则可以使用。

 - Vue.delete( target, key ),Vue删除属性

 - Vue.directive( id, [definition] ),Vue注册或获取全局指令

 - Vue.filter( id, [definition] ),Vue注册或获取全局过滤器

 - Vue.component( id, [definition] ),注册或获取全局组件。注册还会自动使用给定的id设置组件的名称

 - Vue.use( plugin ),安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。

当 install 方法被同一个插件多次调用,插件将只会被安装一次。

 - Vue.mixin( mixin ),全局注册一个混入,影响注册之后所有创建的每个 Vue 实例。插件作者可以使用混入,向组件注入自定义的行为。

 - Vue.compile( template ),在 render 函数中编译模板字符串。只在独立构建时有效

 - Vue.version,

2.实例选项

选项 / 数据

    data,当前页面传递数据
    props,父类向子类传递数据
    propsData
    computed,计算方法
    methods,事件方法
    watch,观察方法,监听某个参数

选项 / DOM

    el
    template
    render
    renderError

选项 / 生命周期钩子

    beforeCreate
    created
    beforeMount
    mounted
    beforeUpdate
    updated
    activated
    deactivated
    beforeDestroy
    destroyed
    errorCaptured

选项 / 资源

    directives
    filters
    components

选项 / 组合

    parent
    mixins
    extends
    provide / inject

选项 / 其它

    name
    delimiters
    functional
    model
    inheritAttrs
    comments

3.实例属性/方法

实例属性

    vm.$data
    vm.$props
    vm.$el
    vm.$options
    vm.$parent
    vm.$root
    vm.$children
    vm.$slots
    vm.$scopedSlots
    vm.$refs
    vm.$isServer
    vm.$attrs
    vm.$listeners

实例方法 / 数据

    vm.$watch
    vm.$set
    vm.$delete

实例方法 / 事件

    vm.$on
    vm.$once
    vm.$off
    vm.$emit

实例方法 / 生命周期

    vm.$mount
    vm.$forceUpdate
    vm.$nextTick
    vm.$destroy

4.指令

    v-text
    v-html
    v-show
    v-if
    v-else
    v-else-if
    v-for
    v-on
    v-bind
    v-model
    v-pre
    v-cloak
    v-once

5.内置组件

    component
    transition
    transition-group
    keep-alive
    slot

展开阅读全文

没有更多推荐了,返回首页