初学者入门Vue第3篇

vue操作

        让指令链接数据与dom

        业务操作数据，实现自动更新dom

watch监听

        监听数据的变化执行回调函数

        

自定义指令

        作用：1.操作dom   2.实例化第三方基于都dom的插件   

         <input v-focus="true">

        update：更新就执行

        bind：绑定一次

        inserted：插入

filters过滤，管道

        {{3.1415926| fix}}

        {{3.1415926| fix(4)}}

        

        val是过滤前的值

        return过滤后的值

        len fix 过滤器的参数

        作用：格式化数据

Vue选项

        el模板

        data数据

        methods方法

        dirctives指令

        filters过滤

        watch监听

        computed计算

        components组件

        template模板

        props属性

        created创建完毕

动画

        两个状态形成过滤

        进入，和离开v-show / v-if

        transition-group动画组

                属性：tag用什么标签包裹所有的动画组元素

                产生状态与类：通过transition  v-move正在移动中的元素

        transition单个动画元素

                属性：1.name名称

                           2.enter-active-class="fadeIn animated"  指令进入class

                           3.leave-active-class  指令离开class

                产生状态与类

                            1.v-enter-active进入整个状态

                               v-enter进入开始状态

                               v-enter-to进入结束状态

                            2.v-leave-active

                               v-leave

                               v-leave-to

组件

        作用：1.组件是vue的一个重要的特点

                   2.实现多人协作开发

                   3.通过组件划分降低开发的难度

                   4.实现复用性，降低重复劳动

        组件解释：组件就是定义好的--功能模块  建议：多用props，少用组件中使用data（降低组件的耦合性）

        定义与使用

         父传子

 

 

子传父

this.$emit("update:visible",false)

父监听事件，修改值 <modal @update:visible="visible=$event">

 

插槽

         插槽：组件的嵌套内容