![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
Vue.js相关内容
1oneLee
这个作者很懒,什么都没留下…
展开
-
组件参数校验与非props属性
组件参数校验与非props属性 一、组件的参数校验 子组件如何对组件进行约束 父组件通过属性的方式对子组件传递内容数据,而子组件通过props的方式对数据进行接收,这时,子组件可以组件中的props传参的规则,设定属性的数据类型: 单一数据类型的参数校验 如: 指定content必须为字符串 <div id="app"> <child content="hello world"></child> </div&g原创 2021-04-30 16:08:56 · 112 阅读 · 1 评论 -
Vue基础(五)——前后端交互
1. 前后端交互概述与URL地址格式 接口调用的方式有哪些 原生ajax 基于jQuery的ajax Fetch Promise url 地址格式有哪些 传统的url Restful形式的url 2. 异步编程问题与Promise概述 2.1 异步调用 异步效果分析 定时任务 Ajax 事件函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2020-11-26 00:35:04 · 249 阅读 · 1 评论 -
Vue基础(四)——组件化开发(案例)
基于组件的案例 1. 按照组件化方式实现业务需求 根据业务功能进行组件化划分 标题组件(展示文本) 列表组件(列表展示、商品数量变更、商品删除) 结算组件(计算商品总额) 功能实现步骤 实现整体布局和样式效果 划分独立的功能组件 结合所有的子组件形成整体结构 逐个实现各个组件功能 标题组件 列表组件 结算组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">原创 2020-11-23 17:08:07 · 1027 阅读 · 0 评论 -
Vue基础(三)——Vue组件化开发(基础用法)
1. 组件化开发思想 1.1 现实中的组件化思想体现 1.2 编程中的组件化思想体现 一张网页可以分成头部、导航栏、主体部分、侧边栏、底部等几个部分,可以把不同的部分看成是一个组件。同时网页的每一个组件之间也存在兄弟、父子等关系。可以通过组件的组合来形成一款完整的应用。(组件化开发核心思想:就是把不能的功能封装到不同的组件中,然后组件可以通过组合的方式形成完整的应用) 1.3 组件化规范:Web Components 2. 组件注册 2.1 全局组件注册语法 ...原创 2020-11-19 23:48:15 · 170 阅读 · 0 评论 -
Vue基础(二)——Vue基础语法案例
案例——图书管理 大致界面如下图所示: 用户可以在表单输入框中输入编号、图书名称,点击提交后就可以实现图书的添加功能,在图书展示列表中每一行都有修改、删除按钮,点击可以实现相应的修改以及删除功能。 补充知识 实现步骤: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> &原创 2020-11-19 16:49:15 · 266 阅读 · 0 评论