01 Vue+axios+SSE组件功能简绍

目录

Vue前端框架

第一个vue程序

vue指令

axios网络请求库

axios应用于vue的注意事项

SSE技术


Vue前端框架

 在前端开发中,经常要通过js代码来进行一些逻辑操作,最终还要把这些逻辑操作的结果展现在页面中,这需要我们通过操作DOM来完成。而Vue这种MVVM模式的框架,通过viewmodel实现数据双向绑定,让数据自动地双向同步,从而避免了操作DOM的过程。

第一个vue程序

1. 导入开发版本的Vue.js

2. 创建Vue实例对象,设置 el 属性和 data 属性

3. 使用模板语法把数据data渲染到页面

el 挂载点:

  • el是用来设置Vue实例挂载的元素
  • Vue会管理 el 选项命中(通过id、class等)的元素及其内部的后代元素
  • 可以使用其他的属性选择器,但是建议使用ID选择器
  • 可以使用其他的双标签,不能使用HTML和BODY

data数据对象:

  • Vue框架中需要渲染到页面上的数据都定义在data当中
  • data中可以书写复杂类型的数据,比如数组
  • 渲染复杂类型数据时,遵守js的语法即可

vue指令

vue指令是以v-开头的一组特殊语法,用于vue框架的数据渲染

1. v-text指令

  • v-text指令的作用是设置便签的内容
  • 默认写法会替换全部内容,使用插值表达式{ {}}可以替换指定内容
  • 内部支持写表达式

2. v-html指令

  • v-html指令的作用是设置元素的innerHTML
  • 内容中有html结构会被解析为标签
  • v-text指令无
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值