PLC学徒 - 博客园

main(调用一个公共组件)

摘要： app.vue <template> <div> <Student/> <School></School> </div> </template> <!-- 1.作用（mixin）：将多个组件内相同的方法提取到一个混合对象 2.如何使用：全局使用：在main.js中进行使用： import {混合变阅读全文

posted @ 2023-02-16 21:09 PLC学徒阅读(60) 评论(0) 推荐(0)

传递数据(props)

摘要： student.vue <template> <div> <h3>{{msg}}</h3> <h3>姓名:{{name}}</h3> <h3>年龄:{{myage}}</h3> <h3>性别:{{sex}}</h3> <button @click="add">点击我，年龄++</button> </ 阅读全文

posted @ 2023-02-16 21:05 PLC学徒阅读(85) 评论(0) 推荐(0)

ref(代替id)

摘要： App.vue <template> <div> <Student ref="str"/> <h3 v-text="age" ref="age"></h3> <button @click="show()">点击button，输出年龄</button> </div> </template> <!-- 阅读全文

posted @ 2023-02-16 21:02 PLC学徒阅读(134) 评论(0) 推荐(0)

Scoped方法（防止样式名称冲突）

摘要： App.vue <template> <div> <Student/> <School></School> </div> </template> <!-- 1.解决标签名称一样，引起样式冲突问题写法：1.<style scoped></style> <style lang='css'></styl 阅读全文

posted @ 2023-02-16 21:00 PLC学徒阅读(49) 评论(0) 推荐(0)

全局事件

摘要： main.js文件： import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false //1.全局事件：多个组件调用一个地方（如：X），由这么一个地方在返回各个组件想要的数据 //如何让多个组件调用阅读全文

posted @ 2023-02-15 23:18 PLC学徒阅读(33) 评论(0) 推荐(0)

sass和less以及stylus的区别

摘要：一、区别：需要配置不同：Sass需要Ruby环境；Less需要引入less.js；Stylus需要安装node 使用语法不用：Sass变量使用$ ;Less变量使用@；stylus变量使用属性名 = ‘值’ 阅读全文

posted @ 2023-02-14 22:34 PLC学徒阅读(48) 评论(0) 推荐(0)

less的使用（变量，嵌套，伪元素，伪类，媒体查询）

摘要： //变量 //嵌套 //伪类：如：hover， & 代表当前所选择的标签 //伪元素如：befor &：：代表当前选择的标签 //媒体查询 //1.声明变量 @width:500px; @background-color:blue; .wsx { width: @width; height: 1 阅读全文

posted @ 2023-02-14 22:02 PLC学徒阅读(484) 评论(0) 推荐(0)

Katalon当添加的内容过多时，需要向下滚动寻找（scroll to element）

摘要：阅读全文

posted @ 2023-02-14 09:11 PLC学徒阅读(38) 评论(0) 推荐(0)

重新请求

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #result { width: 300px; height: 100px; border: 1px solid 阅读全文

posted @ 2023-02-08 23:51 PLC学徒阅读(28) 评论(0) 推荐(0)

发送请求后，取消请求