vue2.0 配置 选项 属性 方法 事件 ——速查

全局配置

              silent        设置日志与警告
       optionMergeStrategies        合并策略
              devtools         配置是否允许vue-devtools
            errorHandler          错误追踪
          ignoredElements          忽略在Vue 之外的自定义元素。
                  keyCodes          自定义键位别名
           performance                          在浏览器中启用对组件初始化
             productionTip           启动时生成生产提示

全局API
       Vue.extend(options)             创建构造器,参数是一个选项对象
  Vue.nextTick([callback,context])           在下次更新DOM 更新循环之后执行延迟回调
       Vue.set(object,key,value)              设置对象的属性
      Vue.delete(object,key)            删除对象的属性
    Vue.directive(id,[definition])            注册或获取全局指令
      Vue.filter(id,[definition])            注册或获取全局过滤器
   Vue.component(id,[definition])            注册或获取全局组件
          Vue.use(plugin)            安装Vue.js 插件
          Vue.mixin(mixin)            全局混合
        Vue.compile(template)               在render函数中编译模板字符串

选项/数据
            data Vue           实例的数据对象
              props                           接收来自父组件的数据
            propsData              只用于new创建的实例中
             computed              计算属性
            methods            方法与事件处理
              watch            实例方法

选项/DOM
              el            DOM元素作为
           template              字符串模板
            render            字符串模板的替代方案

选项 /生命周期钩子

          beforeCreate           在实例初始化之后,数据观测和事件配置之前调用
              created           实例创建完成之后被调用
           beforeMount           在挂载开始之前被调用
            mounted            挂载到实例上之后再去调用钩子
            beforeUpdate            数据更新时调用
            updated             数据更新之后调用该钩子
             activated             组件激活时调用
            deactivated             组件停用时调用
            beforeDestroy                                       实例销毁之前调用
            destroyed Vue                                       实例销毁之后调用

选项 / 资源
          dirctives Vue               实例可用指令的的哈希表
            filters Vue               实例可用过滤器的哈希表
          components vues             实例可用组件的哈希表

选项/杂项
            parent               指定已创建的实例之父实例
             mixins                  选项接受一个混合对象的数组
                name                允许组件模板递归的调用自身
               extends              允许声明扩展另一个组件
            delimiters               改变纯文本插入分隔符
            functional               是组建无状态和无实例

实例属性
          vm.$data Vue            实例观察的数据对象
            vm.$el Vue               实例使用的根DOM 元素
             vm.$options                 用于当前Vue实例的初始化选项
              vm.$parent               父实例,如果当前实例有的话
             vm.$root             当前组件树的根Vue实例
            vm.$children                  当前实例的直接子组件
                           vm.$slots             用来访问被slot 分发的内容
          vm.$scopedSlots             用来访问scoped slots.
            vm.$refs              一个对象,其中包含了所有拥有ref 注册的子组件
          vm.$isServer              当前Vue实例是否运行于服务器

实例方法/数据

     vm.$watch(expOrFn,callback,[options])         观察Vue 实例变化的一个表达式或计算属性
           vm.$set(object,key,value)          这是全局Vue.set 的别名
             vm.$delete(object,key)          这是全局 Vue.delete 的别名

实例方法/事件
              vm.on(event,callback)         监听当前实例上的自定义事件
           vm.$once(event,callback)            监听一个自定义事件,但只触发一次
             vm.$off([event,callback])          移除事件监听器
             vm.$emit(event,[...args])           触发实例上的事件

指令
                  v-text            更新元素的文本内容
                   v-html             更新元素的innerHTML
                    v-show             根据表达式之真假值,切换元素display css属性。
                     v-if                根据表达式的真假条件渲染元素
                   v-else             为v-if 或者v-else-if 添加else块。
                   v-for              基于源数据多次渲染元素活模板块
                   v-on            缩写@,绑定事件监听器,事件类型由参数指定。
                   v-bind              缩写 : 动态的绑定一个或多个特性
                   v-model              在表单控件或者组件上创建双向数据绑定
                  v-pre            跳过这个元素和它的子元素的编译过程
                  v-cloak              这个指令保持在元素上直到关联实例编译结束
                  v-once               只渲染元素和组件一次

特殊属性
              key            主要用于vue的虚拟DOM 算法
               ref              被用来给元素或子组件注册引用信息
                slot              用于标记往哪个slot中插入子组件的内容

内置 的组件
          component            渲染一个元素为动态组件
            transition             元素作为单个元素或组件的过度效果
         transition-group             元素作为多个元素/组件的过度效果
            keep-alive              主要用于保留组件状态或者避免重复渲染
              slot             元素作为组件模板之中的内容分发槽

时间: 2024-10-15 13:16:36

vue2.0 配置 选项 属性 方法 事件 ——速查的相关文章

【转载】HTML5 Audio/Video 标签,属性,方法,事件汇总

<audio> 标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 Html代码 <audio id=”media” src=”http://www.abc.com/test.mp3″ controls></audio> <video> 标签属性: src:视频的URL poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放

HTML5 Audio/Video 标签,属性,方法,事件汇总 (转)

HTML5 Audio/Video 标签,属性,方法,事件 <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 <audio id="media" src="http://www.abc.com/test.mp3" controls></audio> <video> 标签属性; src:视频的URL; poster:视频封

HTML5 Audio/Video 标签,属性,方法,事件汇总

HTML5 Audio/Video 标签,属性,方法,事件汇总 (转) 2011-06-28 13:16:48 <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 1 <audioid="media"src="http://www.abc.com/test.mp3"controls></audio> <video> 标签属

[转帖]HTML5 Audio/Video 标签,属性,方法,事件汇总

HTML5 Audio/Video 标签,属性,方法,事件汇总 <audio>标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 Html代码   1.   <audio id="media" src="http://www.abc.com/test.mp3" controls></audio> <video>标签属性: src

Qt5.7.0配置选项(configure非常详细的参数)

configure是一个命令行工具,用于配置Qt编译到指定平台.configure必须运行于Qt源码根目录.当运行configure时,编译源码使用的是所选工具链中的make工具. 一.源码目录.编译目录和安装目录 源码目录就是包含源码的目录.编译目录是包含Makefiles文件.object文件和其他中间文件的目录.安装目录是二进制文件和库文件安装的目录. 当编译目录和源码目录不一样时,称为影子编译(shadow build),比如说,Qt Creator默认是使用影子编译来编译工程的.这里也

Winform(C#)Flash控件 属性 方法 事件

我的用户控件->右键 添加/移除项 ->COM组件->ShockwaveFlash Object 打勾 属性: 1.AlignMode (读写) 语法:AlignModeAs Long 说明:对齐方式(与SAlign 属性联动).当控件的长宽比例与影片不一致且 WMode 不为 ExactFit 时,影片(没有被放大的)在控件中显示的位置可用该属性调整.该属性值由标志位组成.如图,将该属性值(二进制)中相 应的位标记为 1 就设置了相应的对齐方向. 属性值与相应的对齐方式(后面括号里是二

vue2.0配置 https://github.com/wike933/vuebook

前言: 学习VUE几个月,看了很多例子和资料,vue虽然中文文档比较多,但是都是一些零散的教程,我这里打算写一本完整的VUE2.0的开发教程(因为时间有限,每天更新一小块,希望大家支持) 本人QQ :200569525 你想学什么,或者有什么疑问 可以联系我 正文: 第一步安装vue 我们一般使用vue-cli 全局安装 vue-cli $ npm install --global vue-cli 创建一个基于 webpack 模板的新项目 $ vue init webpack my-proje

vue2.0 配置环境总结(都是泪啊)

最近有点空闲时间,终于把一直想学的vue提上了日程,以下是收集的一些帮助入门的链接 1:https://vuefe.cn/v2/guide/ vue2.0中文官网 2:https://router.vuejs.org/zh-cn/index.html vue2.0路由中文官网 3:https://github.com/jsfront/src/blob/master/vuejs.md 有一些不错的vue插件,教程,视频和学习资料分享 一些不错的vue2.0博客分享: 1:https://segme

HTML5 audio标签属性,方法,事件汇总

1.<audio> 标签属性 src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 [html] view plaincopy <audio id="media" src="http://www.abc.com/test.mp3" controls></audio> 2.<video> 标签属性 src:视频的URLposter:视频封面,没有播放时