![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue系列
vue 基础 进阶学习总结
liuguoxionglang
这个作者很懒,什么都没留下…
展开
-
vue-------全局配置参数
vue api强化学习之-------全局配置参数(抄了一遍官网,留个影响)Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前修改下列属性:silent布尔型,默认false;是否 取消 Vue 所有的日志与警告。optionMergeStrategies自定义合并策略,默认一个空对象,对象中的键值通常是函数合并策略选项分别接收在父实例和...原创 2019-10-02 19:38:49 · 3145 阅读 · 0 评论 -
vue-------组件之间通信
vue api强化学习之-------组件之间通信除去vuex之外的方式,即vue内部组件之间的通信方式props 和 $emitprops 是单向数据流方式,数据只能通过 props 由父组件流向子组件,而子组件并不能通过修改 props 传过来的数据修改父组件的相应状态使用v-on在父组件引入子组件后的模板上监听子组件中的事件,$emit 可以触发使用v-on在父组件中监听的事件...原创 2019-10-02 19:48:10 · 474 阅读 · 0 评论 -
vue-------特殊属性
vue api强化学习之-------特殊属性vue api 特殊属性is长用于构建动态组件且基于 DOM 内模板的限制slot插槽,推荐使用2.6.0新出的v-slot用于标记往哪个具名插槽中插入子组件内容。scope被 2.5.0 新增的 slot-scope 取代。推荐 2.6.0 新增的 v-slot用于表示一个作为带作用域的插槽的 <temp...原创 2019-10-02 19:46:51 · 285 阅读 · 0 评论 -
vue-------全局api
vue api强化学习之-------全局apiVue提供的一套静态方法Vue.useVue.use( plugin )注册vue插件,插件可以是一个对象或者函数,若为对象时,必须提供install方法;若为函数时,它会被作为install方法使用,install方法被调用时,Vue会被作为参数传入。此方法必须在调用创建根实例的new Vue()之前调用;import Vue ...原创 2019-10-02 19:45:46 · 274 阅读 · 0 评论 -
vue-------vue选项
vue api强化学习之-------vue选项(除去声明周期函数)vue选项—数据dataVue 实例的数据对象,我理解相当于react组件背部的state对象。Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data 的属性能够响应数据变化;建议在创建实例之前,就声明全部根级响应式属性,实例创建之后,vue实例也代理了data对象上所有的属性,vm...原创 2019-10-02 19:44:52 · 362 阅读 · 0 评论 -
vue-------生命周期钩子函数
vue api强化学习之-------生命周期钩子函数生命周期函数所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文,因此 this 与你期待的 Vue 实例不同,this.fetchT...原创 2019-10-02 19:43:36 · 183 阅读 · 0 评论 -
vue-------实例方法
vue api强化学习之-------实例方法实例方法----数据vm.$watchvm.$watch( expOrFn, callback, [options] )expOrFn为要监听的属性,callback监听到变化时的回调函数,options配置一些参数,如是否深度监听(deep参数),是否将立即以表达式的当前值触发回调(immediate参数)返回一个取消观察函数,用来停...原创 2019-10-02 19:42:28 · 121 阅读 · 0 评论 -
vue-------实例的属性
vue api强化学习之-------实例的属性vue组件在构建的过程中,vue构建器给每个vue实例添加的属性对象。常用vue实例属性vm.$refsvue在构建过程中,将注册过ref的所有dom元素和组件实例添加到一个对象中,并将此对象添加到当前vue实例的$refs属性下。$refs 只会在组件渲染完成之后生效,并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生...原创 2019-10-02 19:41:31 · 370 阅读 · 0 评论 -
vue-------directive(指令)
vue api强化学习之-------directive(指令)vue api指令v-text/{{}} | v-html文本渲染,绑定数据到模板的相应位置,要把一段html代码渲染到模板的相应位置,则需要使用v-html /*directives.vue*/ <template> <div class="hello"> ...原创 2019-10-02 19:40:07 · 165 阅读 · 0 评论 -
vue-------内置组件
vue api强化学习之-------内置组件vue创建的全局组件,我们可以在应用的任何地方使用此组件来组织我们的组件。<component/>多应用与创建动态组件参数有 is 和inline-template,前者多为字符串或自定义组件,后者为布尔类型,代码示例<template> <div class="hello"> &...原创 2019-10-02 19:49:00 · 421 阅读 · 0 评论