Vue2.x基础笔记学习

Posted 2020-10-09

            目录

    <span id="base">基础</span>
        声明
        简介
        历史由来
        优缺点
        开发工具和软件
        es6
        安装
        第一个vue2.x的基本代码
        特性
            实例
            选项
            模板(template)
            数据(data)
            方法(methods)
            生命周期
        语法
            绑定(渲染式)
                1:文本插值
                2:html方式
                3:text方式
            条件表达式
            过滤器   
            条件与循环语句
                v-if
                v-for
                v-show
            响应操作
            计算属性(computed)和观察者(watch)
            class与style
            组件
            过渡与动画
                transition
                transition-group
                component
                    动画中
                    非动画中
            指令和过滤器及mixin
                内置
                    指令
                        v-if
                        v-for
                        v-show
                        v-on
                        v-model
                        v-bind
                        v-text
                        v-html
                        v-el
                        v-ref
                        v-pre
                        v-cloak
                        v-once
                    缩写方式
                        :class
                        @click
                    修饰符     
                自定义
            slot插槽
            keep-alive   
            路由(router)
            状态特性(vuex)
            插件
        特殊行为
            is
            key    
        vue2.x(相关api)
            $refs(ref)
            $nextTick(nextTick)
            $set(set)
            $mount(mount)
            $extend(extend)
            use(use)
            mixin(mixin)
            compile(compile)
        推荐方法
            webpack式vue
                安装
                操作
                使用
    中级
        es6
        异步组件
        服务器端
        node
        自定义指令
        自定义过滤器
        vuex
        vue-router
            相关方法
        第三方插件
        vue-router动画
        动画，过渡
        weex
        vue-cil
    后期(A)
        vue2.x api相关改变
        部分源码说明
        响应式原理
        es6               
    后期(B)
        资源
            vue相关
                英文官网:<a href="https://vuejs.org/">英vue.js</a>
                中文官网:<a href="https://cn.vuejs.org/">中vue.js</a>
                英文论坛:<a href="https://forum.vuejs.org/">论坛</a>
            github(英文)
                <a href="https://github.com/vuejs">仓库</a>
                <a href="https://curated.vuejs.org/">优选</a>
                <a href="https://github.com/vuejs/awesome-vue">资源</a>
                中文<a href="https://github.com/Pines-Cheng/awesome-vue-cn">资源</a>
            推荐插件
                vuex:<a href="https://vuex.vuejs.org/">vuex</a>
                vue-router:<a href="https://router.vuejs.org/">vue-router</a>
                vue服务器端            
    [基础](#base)                                          
        内容