vue核心基础

异步组件

同步组件： 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。vue提供了 defineAsyncComponent 方法来实现此功能。

Suspense 内置组件： 配合异步组件使用，在异步组件加载完成前显示自定义内容

自定义指令

内置指令

v-开头的特殊属性

    <input v-model="message" >
    v-show  v-bind   v-on  v-for v-if
  

自定义指令

   全局自定义指令
       app.directive()
   局部自定义指令
       directives

   示例
      自定义v-hide指令
             
   练习
   给一个元素设置颜色 v-red v-color="green"
      <p v-red>红色</p>
      <p v-color="green">绿色</p>

插件

• 插件：为vue提供全局功能的技术

• 定义: 包含install方法的一个对象

   const aplugin = {
       install(app,options){
           // 定义全局功能
           // 全局指令
           // 全局属性方法
       }
   }
   ```
  

• 注册：app.use(aplugin,{})

过滤器filter

• 全局注册

    vue.filter('过滤器名称',(参数)=>{
        // 业务
        return 结果
    })

• 局部注册

    {
        data（）{},
        methods:{},
        filter:{
            '过滤器名称'(参数){
                return 结果
                }
        }
    }
    使用
        {{ 参数 | 过滤器名称}}

开发模式

在长期开发过程中总结出来的一种开发框架，也就是代码架构的写法

MVC

• Model数据模型：负责提供数据
• View视图模型： 负责界面显示
• Contorller控制器

MVVM

• Model 数据
• View 视图
• VM - viewModel

响应式原理

• vue3 -- Proxy代理
• vue2 -- object.defindPropery()