Vue 基本知识点梳理

Vue基本知识点梳理

  1. mvvm模型

m:模型-data中的数据
v:视图-模板代码
vm:视图模型-vue实例

  1. 插值符:{{ vue实例的所有数据、属性、方法都可以调用 /}}

  2. 指令

    事件修饰符 Vue 基本知识点梳理_第1张图片
    键盘事件
    Vue 基本知识点梳理_第2张图片

  3. 计算属性
    Vue 基本知识点梳理_第3张图片

计算属性传参写法:

// html
{{ total(参数) }} // js computed: { total() { return function(参数) { return 参数 * this.number } }, }
  1. 监视
    Vue 基本知识点梳理_第4张图片

Vue 基本知识点梳理_第5张图片
深度监视

  1.  监视对象里某个具体属性,需要写成 =="对象名.属性名"==
    
  2.  监视整个对象,开启deep:true	
    

Vue 基本知识点梳理_第6张图片
计算属性与监视的区别
Vue 基本知识点梳理_第7张图片

vue与vueComponent区别

Vue 基本知识点梳理_第8张图片

$options (用来获取定义在data外的数据和方法的)


ref属性

Vue 基本知识点梳理_第9张图片

mixin(混入)

Vue 基本知识点梳理_第10张图片

props

Vue 基本知识点梳理_第11张图片

插件

Vue 基本知识点梳理_第12张图片
Vue 基本知识点梳理_第13张图片
Vue 基本知识点梳理_第14张图片

自定义事件

Vue 基本知识点梳理_第15张图片
解绑自定义事件
在这里插入图片描述
Vue 基本知识点梳理_第16张图片

全局事件总线 eventBus

原理图
Vue 基本知识点梳理_第17张图片
全局 用法
Vue 基本知识点梳理_第18张图片
Vue 基本知识点梳理_第19张图片

消息订阅与发布

Vue 基本知识点梳理_第20张图片


this.$nextTick()

Vue 基本知识点梳理_第21张图片

解决跨域

  1. cors 后端解决
  2. jsonp script src 只能解决get请求
  3. 代理服务器
    Vue 基本知识点梳理_第22张图片
    Vue 基本知识点梳理_第23张图片

插槽

Vue 基本知识点梳理_第24张图片
Vue 基本知识点梳理_第25张图片

Vue 基本知识点梳理_第26张图片
在这里插入图片描述
Vue 基本知识点梳理_第27张图片
Vue 基本知识点梳理_第28张图片

你可能感兴趣的:(vue基础知识,vue基础知识)