文档中心
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档

Evan Xu

前端界的小学生
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档
  • HTML

  • CSS

  • JavaScript文章

  • JavaScript

  • Vue

    • 认识vue.js
    • Vue.js基础
      • 过滤器与数据显示
      • 双向数据绑定
      • 计算属性和监听器
      • class的显示
      • 组件
      • ajax和axios
      • ajax怎么用
      • 前端数据模拟(Mock)
    • 认识axios
    • js高级开发
    • 表单验证插件 (vee-validate)
    • 数据存储(localStorage)的使用
    • vue.js表单验证插件的使用
    • bootstrap(vue.js版本)使用指南
    • vue.js提示框插件
    • 右键菜单
  • uni-app

  • 前端工程化

  • 前端
  • Vue
wmhello
2021-11-12
目录

Vue.js基础

# vue.js基础

# 过滤器与数据显示

filters: {
   currentName(val){
     return  `${val}_test`
   }
}
1
2
3
4
5

# 双向数据绑定

结合表单一起使用


# 计算属性和监听器

监听器强调的是某个值的变化,我需要去执行某些操作(操作本身)

计算属性指的是该属性值来自于个属性的计算,可以直接当做变量来使用

# class的显示

按照条件显示指定的class,类

# 组件

自定义的html标签,能在vue.js管理的页面中使用

组件的定义

组件的引入和使用

任何自定义的组件都是在现有的html标签之上加上css样式以及相关行为的一个封装

# ajax和axios

ajax是什么? (异步javascript和XMl 它是一种创建交互式网页应用的一中开发技术 )

传统的web开发

它能帮我们做什么?(XMLHttpRequest)

有什么优点等等(页面无刷新,用户体验好;能更快的运行;DOM标准,浏览器自动支持)

# ajax怎么用

获取XMLHttpRequest对象

设置服务器返回数据的处理方式

打开服务器的URL,设置传输方式

发送数据到服务器

# 前端数据模拟(Mock)

mockjs (node npm)

easy-mock (在线数据模拟平台)

fiddler (http请求抓取工具模拟数据)

postman (提供接口的模拟数据,可以远程调试和访问接口)

认识vue.js
认识axios

← 认识vue.js 认识axios→

最近更新
01
使用VuePress搭建博客系统(一)
08-08
02
利用FreeSSL.cn申请免费SSL证书
07-23
03
民主测评管理系统
07-22
更多文章>
Theme by Vdoing | Copyright © 2019-2024 wmhello |备案号:滇ICP备2023013341号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式