vue dispatch用法_万字总结Vue(包含全家桶),希望这一篇可以帮到您（一）

作者：叫我阿琛

转发链接：https://mp.weixin.qq.com/s/ph3aUt-H4QtBgw9z-VFlHA

目录

万字总结Vue(包含全家桶),希望这一篇可以帮到您(一)本篇

万字总结Vue(包含全家桶),希望这一篇可以帮到您(二)

基础使用

以下代码均经过自己测试，可以复制直接看效果。「注意引入Vue文件」

渲染优先级

1. render>template>data的插值表达式
2. { {}} 放的是表达式的时候会 「输出结果」，内部转为函数

    基本概念

显示优先级

第一个是render 有render方法就输出render的渲染结果 第二个是template 有template方法就输出template的内容 最后一个是data，如果两者不存在 则输出data里面的插值表达式 { { }} 当这里面放的是一个表达式的时候，会输出表达式的结果 原因 会转化成一个函数 render

指令修饰符,有好多 自己官网看

{ { msg }}

v-model

v-model 实际上是一个 「语法糖」

v-model 的应用

    v-model

{ { msg }}

@input

这个是@chage

v-model 是上面@input的语法糖

@input 和@change 区别 一个是 聚焦的时候 一个是 失去焦点的时候

下拉列表

{ { selected }}请选择abc

下拉列表多选 这样绑定的值必须是一个列表

{ { selectedMore }}请选择abc

复选框

{ { checked }}
游泳 洗澡 睡觉

单选框

{ { radioed }}
男 女

v-model 修饰符

{ { attr }}

{ { attrText }}作用类似@chage

{ { attrText }} 去除空格

watch

观测值的变化 执行对应函数

三种写法：

1. 添加deep属性，表明要深度遍历
2. 添加immediate属性，表明 立即执行
3. 添加 name属性，执行methods的这个方法

    Document

{ { msg }} { { name }}