Vue.js基础教程

Vue.js概述

MVVM模式

• MVVM模式、Vue常用网址
• vue的基本概念介绍
• 第一个Vue程序、Vue：双向绑定
• Vue:条件与循环
• Vue基础：数据与方法

准备开发与调试环境

Vue环境的搭建

• Linux 安装Node.js
• Windows 安装Node.js、Windows 安装vue、npm 安装模块
• 打开已有vue工程

• Visual Studio Code 安装vue插件

安装vue-devtools

• 安装vue-devtools

Vue常用指令

• Vue常用指令概述
• Vue:v-text、v-html指令
• Vue:v-model指令
• Vue:v-if、v-else指令
• Vue:v-show指令
• Vue:v-for指令
• Vue:v-once指令
• Vue:v-bind指令
• Vue:v-on指令

Vue前后端通信

• Vue+Flask前后端传参、Vue.js Ajax(axios)

案例：Vue 30分钟搞定前端增删改查

• Vue案例：学生信息增删查改

Mock.js

• Mock.js简介
• Mock基本使用
• 在Vue中使用Mock
• Vue：Mock基本使用

参考文档

• Vue 30分钟搞定前端增删改查
• Vue+Mock.js模拟登录和表格的增删改查

https://blog.csdn.net/weixin_44524835/article/details/109244955

安装与介绍

第1节安装与部署

Vue.js起步

Vue 实例

第2节创建第个vue应用

第3节数据与方法

第4节生命周期

模板语法

第5节模板语法插值

第6节模板语法指令

第7节class与style绑定

第8节条件渲染

第9节列表渲染

Vue.js条件语句

Vue js循环语句

第10节事件绑定

第11节表单输入绑定

第12节组件基础

第13节组件注册

第14节单文件组件

第15节免终端开发vue应用

Vue.js计算属性 Vue.js监听属性 Vue.js样式绑定 Vue.js事件处理器 Vue.js表单

Vue.js组件 Vue.js组件-自定义事件 Vue.js自定义指令

Vue.js路由 Vue.js过渡&动画 Vue.js混入

Vue jis Ajax(xios) Vue is Aiax(wuoresourcel