vue之API—目录提示

费老大劲儿把vue的api目录加提示手打了一遍,加深印象!

**全局配置**

silent              
取消vue所有日志警告

devtools            
配置是否允许vue-devtools检查代码。

errorHandler        
指定组件的渲染和观察期间未捕获错误的处理函数

warnHandler         
为vue运行时警告赋予一个自定义句柄

ignoredElements     
须使vue忽略在vue之外的自定义元素

keyCodes            
给v-on自定义键位别名

performance         
设置为true以在浏览器开发工具中启用对组件初始化,渲染和打补丁的性能追踪

productionTip       
设置为false阻止vue启动时生成生产提示



**全局API**

Vue.extend      
使用基础Vue构造器,创建一个子类

Vue.nextTick        
在下次DOM更新循环结束后执行延迟回调。

Vue.set         
设置对象的属性

Vue.delete      
删除对象的属性

Vue.directive       
注册或获取全局指令

Vue.filter      
注册或获取全局过滤器

Vue.component       
注册或获取全局组件

Vue.use         
安装使用Vue.js插件

Vue.minxin      
全局注册一个混合影响注册之后所有创建的每个Vue实例

Vue.compile     
在render函数中编译模板字符串

Vue.version     
提供字符串形式的vue安装版本号



**选项/数据**

data            
Vue实例的数据对象

props           
可以是数组或者对象,用来接收来自父组件的数据

propsData       
创建实例时传递props。主要是方便测试

computed        
计算属性将被混入到Vue实例中。

methods         
methods将被混入到Vue实例中

watch           
一个对象,键是需要观察的表达式,值是对应回调函数。


**选项/DOM**

el          
提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标

template        
一个字符串模板作为Vue实例的标识使用

render          
字符串模板的代替方案

renderError     
只在开发者环境下工作



**选项/生命周期钩子**   

beforeCreate        
在实例初始化之后,数据观测和事件配置之前使用

created         
在实例化创建完成之后被立即调用。

beforeMount     
在挂载之前被调用

mounted         
el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子

beforeUpdate        
数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前

updated         
由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子

activated       
keep-alive组件激活时调用

deactivated     
keep-alive组件停用时调用

beforeDestroy       
实例销毁之前调用

destroy         
Vue实例销毁后调用



**选项/资源**       

directives      
包含Vue实例可用指令的哈希表

filters         
包含 Vue 实例可用过滤器的哈希表

comments        
包含 Vue 实例可用组件的哈希表。



**选项/资源**

parent          
指定已创建的实例之父实例,在两者之间建立父子关系

mixins          
选项接受一个混合对象的数组

extends         
允许声明扩展里一个组件,而无需使用Vue.extend

provide/inject      
主要为高阶插件/组件库提供用例。



**选项/其它**

name            
允许组件模板递归的调用自身

delimiters      
改变纯文本插入分隔符

functional      
使组件无状态

model           
允许一个自定义组件在使用v-model时定制prop和event

inheritAttrs        
默认情况下副作用域的不被认作props的特性绑定将会‘回退’,且作为普通的HTML特性应用在子组件的根元素上。

comments        
为true时,将会保留且渲染模板中的HTML注释。默认行为是舍弃它们


**实例属性**

vm.$data       
Vue实例观察的数据对象

vm.$props      
当前组件接收到的props对象

vm.$el         
Vue实例使用的根DOM元素

vm.$options        
用于当前Vue实例的初始化选项

vm.$parent     
父实例,如果当前实例有的话

vm.$root       
当前组件树的根 Vue 实例

vm.$children       
当前实例的直接子组件

vm.$slots      
用来访问被插槽分发的内容

vm.$scopedSlots        
用来访问作用域插槽

vm.$refs       
一个对象,持有已注册过 ref 的所有子组件

vm.$isServer       
当前 Vue 实例是否运行于服务器

vm.$attrs      
包含了父作用域中不被认为 (且不预期为) props 的特性绑定 (class 和 style 除外)

vm.$listeners      
包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器


实例方法 / 数据

vm.$watch      
观察 Vue 实例变化的一个表达式或计算属性函数

vm.$set            
这是全局 Vue.set 的别名

vm.$delete     
这是全局 Vue.delete 的别名


**实例方法 / 事件**

vm.$on         
监听当前实例上的自定义事件

vm.$once       
监听一个自定义事件,但是只触发一次,在第一次触发之后移除监听器

vm.$off            
移除自定义事件监听器

vm.$emit       
触发当前实例上的事件。附加参数都会传给监听器回调

vm.$mount      
如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例

vm.$forceUpdate        
将回调延迟到下次 DOM 更新循环之后执行

vm.$destroy()      
完全销毁一个实例。清理它与其它实例的连接,解绑它的全部指令及事件监听器



**指令**

v-text          
更新元素的 textContent

v-html          
更新元素的 innerHTML

v-show          
根据表达式之真假值,切换元素的 display CSS 属性

v-if            
根据表达式的值的真假条件渲染元素

v-else          
为 v-if 或者 v-else-if 添加“else 块”

v-else-if       
表示 v-if 的 “else if 块”。可以链式调用

v-for           
基于源数据多次渲染元素或模板块

v-on            
绑定事件监听器

v-bind          
动态地绑定一个或多个特性,或一个组件 prop 到表达式

v-model         
在表单控件或者组件上创建双向绑定

v-pre           
跳过这个元素和它的子元素的编译过程

v-cloak         
这个指令保持在元素上直到关联实例结束编译

v-once          

只渲染元素和组件一次



**特殊特性**

key         
它也可以用于强制替换元素/组件而不是重复使用它。

ref         
ref 被用来给元素或子组件注册引用信息

slot            
用于标记往哪个具名插槽中插入子组件内容

is          
用于动态组件且基于 DOM 内模板的限制来工作




**内置的组件**

component       
渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染

transition      
作为单个元素/组件的过渡效果

transition-group    
作为多个元素/组件的过渡效果

keep-alive      
<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们

slot            
作为组件模板之中的内容分发插槽



  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值