摘要：
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
龙猫起飞
阅读(6)
评论(0)
推荐(0)
摘要：
效果图： 代码： <!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
龙猫起飞
阅读(20)
评论(0)
推荐(0)
摘要：
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
龙猫起飞
阅读(7)
评论(0)
推荐(0)
摘要：
父组件向子组件传值 1. 组件内部通过props接收传递过来的值 Vue.component('menu-item', { props: ['title'], template: '<div>{{ title }}</div>' }) 2. 父组件通过属性将值传递给子组件 例 <!DOCTYPE h 阅读全文
posted @ 2020-04-12 19:30
龙猫起飞
阅读(12)
评论(0)
推荐(0)
摘要：
介绍 vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用 1.进入Vue官网，选择生态系统 > 工具 > Devtools 2.在GitHub上克隆下来 将vue-devtools clone到本地 git clone https://github.com/vuejs/ 阅读全文
posted @ 2020-04-12 15:58
龙猫起飞
阅读(11)
评论(0)
推荐(0)
摘要：
全局组件注册语法 1.组件注册语法 Vue.component(组件名称, { data: 组件数据, template: 组件模板内容 }) // 注册一个名为 button-counter 的新组件 Vue.component('button-counter', { data: function 阅读全文
posted @ 2020-04-11 08:19
龙猫起飞
阅读(10)
评论(0)
推荐(0)
摘要：
变异方法和替换数组 1. 变异方法(修改原有数据) push() pop() shift() unshift() splice() sort() reverse() 2. 替换数组(生成新的数组) filter() concat() slice() <!DOCTYPE html> <html lan 阅读全文
posted @ 2020-04-10 22:58
龙猫起飞
阅读(5)
评论(0)
推荐(0)
摘要：
5.7 生命周期 1. 主要阶段 挂载（初始化相关属性） ① beforeCreate ② created ③ beforeMount ④ mounted 更新（元素或组件的变更操作） ① beforeUpdate ② updated 销毁（销毁相关属性） ① beforeDestroy ② des 阅读全文
posted @ 2020-04-10 22:33
龙猫起飞
阅读(7)
评论(0)
推荐(0)
摘要：
5.6 过滤器 1.过滤器的作用是什么？ 格式化数字，比如将字母格式化大写，日期格式化等 2. 自定义过滤器 Vue.filter(‘过滤器名称’, function(value){ // 过滤器业务逻辑 }) 3. 过滤器的使用 <div>{{msg | upper}}</div> <div>{{ 阅读全文
posted @ 2020-04-10 22:16
龙猫起飞
阅读(3)
评论(0)
推荐(0)
摘要：
5.5 侦听器 1. 侦听器的应用场景 数据变化时执行异步或开销较大的操作 2. 侦听器的用法 watch: { firstName: function(val){ // val表示变化之后的值 this.fullName = val + this.lastName; }, lastName: fu 阅读全文
posted @ 2020-04-08 23:11
龙猫起飞
阅读(12)
评论(0)
推荐(0)
摘要：
5.4 计算属性 1. 为何需要计算属性？ 表达式的计算逻辑可能会比较复杂，使用计算属性可以使模板内容更加简洁 2. 计算属性的用法 computed: { reversedMessage: function () { return this.msg.split('').reverse().join 阅读全文
posted @ 2020-04-08 22:32
龙猫起飞
阅读(3)
评论(0)
推荐(0)
摘要：
5.3 自定义指令 1. 为何需要自定义指令？ 内置指令不满足需求 2. 自定义指令的语法规则（获取元素焦点） Vue.directive('focus' { inserted: function(el) { // 获取元素的焦点 el.focus(); } }) 3.自定义指令用法 <input 阅读全文
posted @ 2020-04-08 22:11
龙猫起飞
阅读(8)
评论(0)
推荐(0)
摘要：
Vue常用特性 5.1 常用特性概览 表单操作 自定义指令 计算属性 过滤器 侦听器 生命周期 5.2 表单操作 1.基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框 <!DOCTYPE html> <htm 阅读全文
posted @ 2020-04-08 21:56
龙猫起飞
阅读(6)
评论(0)
推荐(0)
摘要：
过年在家时，我弟给我出了个题，他说：“你买了10瓶酒，如果4个酒盖子或2个空酒瓶子可换1瓶酒，那么你最多可以喝几瓶酒？”于是我写了一下程序来计算。 // 4个盖子或两个瓶子可以换一瓶酒 static void Main(string[] args) { // 一开始的酒数量 int wineCoun 阅读全文
posted @ 2020-04-06 23:54
龙猫起飞
阅读(9)
评论(0)
推荐(0)
摘要：
1 筛选 public static void Filtering() { var racers = from r in Formula1.GetChampions() where r.Wins > 15 && (r.Country == "Brazil" || r.Country == "Aust 阅读全文
posted @ 2020-01-12 13:49
龙猫起飞
阅读(6)
评论(0)
推荐(0)
浙公网安备 33010602011771号