Vue----slot插槽，ref, mixins, filter,transition,nextTick

1、slot分发内容 --- 插槽

组件中内容是显示还是不显示，在哪里显示，如何显示，这就是内容分发所干的活

一般在自定义组件 以及使用UI库时使用居多，提高组件的复用性

2、ref - 标签 - 组件 -this.$refs.

vue借鉴于react，作用类似于id，具有唯一性 ---- 实际上操作的就是DOM
首页 上拉加载下拉刷新 --- ref=“loadmore”

--- ref --- 获取DOM节点
--- 如果放在组件中，可以通过他获取到子组件的数据

3、混入 mixin

组件中相同的选项可以使用混入简化代码 ---- 提高组件的复用性 -----

4、自定义指令

如果很多页面都要使用该指令，那么建议使用全局自定义指令

全局自定义指令 v-name

Vue.directive('name', {
// 当被绑定的元素插入到 DOM 中时……
    inserted: function (el) {
        // 聚焦元素
     el.focus()
   }
})

main.js

局部自定义指令

new Vue({
    directives: {
        focus: {
            inserted: function (el) {
                // 聚焦元素
             el.focus()
           }
        }
    }
})

5、过滤器

全局定义的过滤器 {{ sex | name }}

Vue.filter('name', function (val) {
    // val代表你要过滤的数据
})

局部定义的过滤器

6、路由的过渡效果

7、nextTick

状态改变，视图渲染，实际上DOM节点的值并未及时发生改变，使用nextTick可以解决此问题

修改完数据如果需要使用DOM操作，那么一定要记得他

---------------------------------------------------------------------------------------------文章来自吴大勋（大勋说）---------------------------------------------------------------------------------------------