0
点赞
收藏
分享

微信扫一扫

Vue 基础学习笔记

上古神龙 2022-03-30 阅读 58
vue.jsvue

Vue 基础语法学习笔记

学习目录

vue 基础
vue-cli
vue-router
vuex
element-ui
vue3

一、基础语法

插值

v-bind:
简写为冒号: ’ : "

在这里插入图片描述

数据绑定

v-bind: 单向绑定

v-model:双向绑定
应用场景:

el 和data的两种写法:

在这里插入图片描述
例子:
在这里插入图片描述

MVVM模型

在这里插入图片描述

在这里插入图片描述

数据代理

在这里插入图片描述

在这里插入图片描述

事件处理

在这里插入图片描述

事件修饰符

在这里插入图片描述

例子:
在这里插入图片描述

键盘事件

在这里插入图片描述

计算属性

在这里插入图片描述

例子:

在这里插入图片描述

完整写法:
在这里插入图片描述

简写:
注意:当只考虑读取,不考虑修改的时候才能简介
在这里插入图片描述

监视属性

在这里插入图片描述

例子:
在这里插入图片描述

在这里插入图片描述

收集表单数据

在这里插入图片描述

例子:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

二、内置指令

回顾指令

在这里插入图片描述

v-text

在这里插入图片描述

v-html

在这里插入图片描述

例子 :
在这里插入图片描述

v-clock

v-once

在这里插入图片描述

例子:
在这里插入图片描述

v-pre

在这里插入图片描述

例子:
在这里插入图片描述

三、自定义指令

在这里插入图片描述

在这里插入图片描述

四、生命周期

mounted

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

挂载流程

在这里插入图片描述

在这里插入图片描述

总结

在这里插入图片描述

五、Vue插件

在这里插入图片描述

关注林哥,持续更新哦!!!★,°:.☆( ̄▽ ̄)/$:.°★ 。

举报

相关推荐

0 条评论