Java web开发 3

本文介绍了Vue前端框架的基础概念,包括MVVM模式、双向数据绑定、插值表达式、常用指令(如v-bind/v-model、v-on等)、Vue组件的生命周期以及Ajax技术(重点讲解了Axios)。同时概述了前端工程化的环境准备和Vue项目的创建流程。
摘要由CSDN通过智能技术生成

什么是Vue?

Vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写。

基于MVVM(Model-View-View Model)思想,实现数据据的双向绑定,将编程的关注点放在数据上。

 三、Vue

1、Vue快速入门

 插值表达式

形式:{{表达式}},内容可以是:变量、三元运算符、函数调用、算术运算。

2、Vue常用指令

 v-bind&v-model

 注意事项:通过v-bind或者v-model绑定的变量,必须在数据模型中声明。

 v-on

 v-if&v-show

 v-for

 3、Vue生命周期

 注:mounted:挂载完成,Vue初始化成功,HTML页面渲染成功。(发送请求到服务端,加载数据)

 四、Ajax

1、概念

 2、Axios

 五、前端工程化

 1、环境准备

 2、Vue项目
创建

 目录结构

 启动

 配置端口

 开发流程

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值