codeing123 - 博客园

2020年7月24日

摘要：以下两种方法都是在安装了node.js的情况下安装的首先打开cmd, 方法1：使用npm安装： npm install @vue/cli-init -g 方法2：使用cnpm（Node.js淘宝镜像加速器）安装：首先安装cnpm： npm install cnpm -g 再通过cnpm安装： c 阅读全文

posted @ 2020-07-24 18:05 codeing123 阅读(528) 评论(0) 推荐(0) 编辑

vue组件component的使用

摘要：组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：案例：使用到的vue名词：v-for,component,template,pr 阅读全文

posted @ 2020-07-24 15:08 codeing123 阅读(1390) 评论(0) 推荐(0) 编辑

vue 插槽slot的使用

摘要：官网：https://cn.vuejs.org/v2/guide/components-slots.html 理解this.$emit自定义事件分发案例功能：使用嵌套插槽，并在子插槽中调用主页面函数，对元素进行删除 <!DOCTYPE html> <html lang="en"> <head> 阅读全文

posted @ 2020-07-24 14:58 codeing123 阅读(162) 评论(0) 推荐(0) 编辑

2020年7月22日

请求接口

摘要：天气查询接口：请求路径：http://wthrcdn.etouch.cn/weather_mini 请求方法：get 请求参数：city（查询的城市名）响应内容：天气信息歌曲搜索接口：请求路径：https://autumnfish.cn/search 请求方法：get 请求参数：keywor 阅读全文

posted @ 2020-07-22 23:28 codeing123 阅读(322) 评论(0) 推荐(0) 编辑

axios 查询天气的案例

摘要：天气查询接口：请求路径：http://wthrcdn.etouch.cn/weather_mini 请求方法：get 请求参数：city（查询的城市名）响应内容：天气信息功能：点击“北京”、“上海”、“上海”、“深圳”按钮可查询对应城市的5天天气输入城市名，回车或点击“搜索”按钮也可查询阅读全文

posted @ 2020-07-22 23:19 codeing123 阅读(536) 评论(0) 推荐(0) 编辑

axios 获取笑话案例

摘要： axios回调函数中的this已经改变，无法返回到data中数据把this保存起来，回调函数中直接使用保存的this即可 this是指当前位置的上下文结果截图：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文

posted @ 2020-07-22 17:15 codeing123 阅读(290) 评论(0) 推荐(0) 编辑

vue 网络请求库axios（相当于封装好的ajax库）

摘要： Axios:前端通信框架，因为vue的边界很明确，就是为了处理DOM，所以并不具备通信能力。此时，就需要额外使用一个通信框架与服务器交互，相当于jQuery提供的ajax通信。首先导包：<script src="https://unpkg.com/axios/dist/axios.min.js" 阅读全文

posted @ 2020-07-22 16:44 codeing123 阅读(384) 评论(0) 推荐(0) 编辑

vue 记事本

摘要：小码记事本案例，知识巩固功能：添加笔记、删除笔记、清空笔记、统计笔记用到的vue语法：v-on、v-for、v-model、v-text 效果图： html代码： 1  2 <section id="todoapp" class=""> 3  阅读全文

posted @ 2020-07-22 12:04 codeing123 阅读(702) 评论(0) 推荐(0) 编辑

html 的输入框input 选中后的蓝框去除问题；按钮button去除默认样式

摘要： input 加入样式： outline:none; button加入样式：阅读全文

posted @ 2020-07-22 10:57 codeing123 阅读(1090) 评论(0) 推荐(0) 编辑

2020年7月21日

vue 图片切换

摘要：列表数据使用数组保存 v-bind指令可以设置元素属性，比如src v-show和v-if都可以切换元素的显示状态，频繁切换用v-show html代码： js代码： css代码：结果图：阅读全文

posted @ 2020-07-21 16:59 codeing123 阅读(1251) 评论(0) 推荐(0) 编辑

初铮