上一页 1 ··· 7 8 9 10 11 12 13 14 15 下一页
2020年4月13日
vue学习--前端交互(三、接口调用-fetch用法)
摘要： 1 fetch概述 1.1 基本特性 更加简单的数据获取方式，可以看做是XMLHttpRequest的升级版 基于Promise实现 1.2 语法结构 fetch(url).then(fn2) .then(fn3) ... .catch(fn) 2 fetch的基本用法 fetch('/abc'). 阅读全文
posted @ 2020-04-13 21:52 一纸年华 阅读(24) 评论(0) 推荐(0) 编辑
vue学习--前端交互(二、Promise用法)
摘要： 1 异步调用 异步效果分析 ① 定时任务 ② Ajax ③ 事件函数 多次异步调用的依赖分析 ① 多次异步调用的结果顺序不确定 ② 异步调用结果如果存在依赖需要嵌套 2 Promise用法 主要解决异步深层嵌套的问题 promise 提供了 简洁的API 使得异步操作更加容易 3 Promise基本 阅读全文
posted @ 2020-04-13 21:20 一纸年华 阅读(8) 评论(0) 推荐(0) 编辑
vue学习--前端交互(一、交互模式)
摘要： 1 接口调用方式 原生ajax 基于jQuery的ajax fetch axios 2 URL地址格式 2.1 传统形式的URL 格式：schema://host:port/path?query#fragment ① schema：协议，例如http、https、ftp等。 ② host：域名或者I 阅读全文
posted @ 2020-04-13 20:26 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
2020年4月12日
vue学习--组件化开发(五、购物车页面案例)
摘要： 效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> .container { } .container .c 阅读全文
posted @ 2020-04-12 22:11 一纸年华 阅读(4) 评论(0) 推荐(0) 编辑
vue学习--组件化开发(四、组件插槽)
摘要： 1.组件插槽的作用 父组件向子组件传递内容 2.组件插槽基本用法 2.1 插槽位置 Vue.component('alert-box', { template: ` <div class="demo-alert-box"> <strong>Error!</strong> <slot></slot> 阅读全文
posted @ 2020-04-12 19:55 一纸年华 阅读(1) 评论(0) 推荐(0) 编辑
vue学习--组件化开发(三、组件间数据交互)
摘要： 父组件向子组件传值 1. 组件内部通过props接收传递过来的值 Vue.component('menu-item', { props: ['title'], template: '<div>{{ title }}</div>' }) 2. 父组件通过属性将值传递给子组件 例 <!DOCTYPE h 阅读全文
posted @ 2020-04-12 19:30 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
vue学习--组件化开发(二、Vue调试工具)
摘要： 介绍 vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用 1.进入Vue官网，选择生态系统 > 工具 > Devtools 2.在GitHub上克隆下来 将vue-devtools clone到本地 git clone https://github.com/vuejs/ 阅读全文
posted @ 2020-04-12 15:58 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
2020年4月11日
vue学习--组件化开发(一、组件注册)
摘要： 全局组件注册语法 1.组件注册语法 Vue.component(组件名称, { data: 组件数据, template: 组件模板内容 }) // 注册一个名为 button-counter 的新组件 Vue.component('button-counter', { data: function 阅读全文
posted @ 2020-04-11 08:19 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
2020年4月10日
vue学习--常用特性(七、数组相关API)
摘要： 变异方法和替换数组 1. 变异方法(修改原有数据) push() pop() shift() unshift() splice() sort() reverse() 2. 替换数组(生成新的数组) filter() concat() slice() <!DOCTYPE html> <html lan 阅读全文
posted @ 2020-04-10 22:58 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
vue学习--常用特性(六、实例的生命周期)
摘要： 5.7 生命周期 1. 主要阶段 挂载（初始化相关属性） ① beforeCreate ② created ③ beforeMount ④ mounted 更新（元素或组件的变更操作） ① beforeUpdate ② updated 销毁（销毁相关属性） ① beforeDestroy ② des 阅读全文
posted @ 2020-04-10 22:33 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
vue学习--常用特性(五、过滤器)
摘要： 5.6 过滤器 1.过滤器的作用是什么？ 格式化数字，比如将字母格式化大写，日期格式化等 2. 自定义过滤器 Vue.filter(‘过滤器名称’, function(value){ // 过滤器业务逻辑 }) 3. 过滤器的使用 <div>{{msg | upper}}</div> <div>{{ 阅读全文
posted @ 2020-04-10 22:16 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
2020年4月8日
vue学习--常用特性(四、侦听器)
摘要： 5.5 侦听器 1. 侦听器的应用场景 数据变化时执行异步或开销较大的操作 2. 侦听器的用法 watch: { firstName: function(val){ // val表示变化之后的值 this.fullName = val + this.lastName; }, lastName: fu 阅读全文
posted @ 2020-04-08 23:11 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
vue学习--常用特性(三、计算属性)
摘要： 5.4 计算属性 1. 为何需要计算属性？ 表达式的计算逻辑可能会比较复杂，使用计算属性可以使模板内容更加简洁 2. 计算属性的用法 computed: { reversedMessage: function () { return this.msg.split('').reverse().join 阅读全文
posted @ 2020-04-08 22:32 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
vue学习--常用特性(二、自定义指令)
摘要： 5.3 自定义指令 1. 为何需要自定义指令？ 内置指令不满足需求 2. 自定义指令的语法规则（获取元素焦点） Vue.directive('focus' { inserted: function(el) { // 获取元素的焦点 el.focus(); } }) 3.自定义指令用法 <input 阅读全文
posted @ 2020-04-08 22:11 一纸年华 阅读(1) 评论(0) 推荐(0) 编辑
vue学习--常用特性(一、表单操作)
摘要： Vue常用特性 5.1 常用特性概览 表单操作 自定义指令 计算属性 过滤器 侦听器 生命周期 5.2 表单操作 1.基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框 <!DOCTYPE html> <htm 阅读全文
posted @ 2020-04-08 21:56 一纸年华 阅读(0) 评论(0) 推荐(0) 编辑
上一页 1 ··· 7 8 9 10 11 12 13 14 15 下一页