iTao0128 - 博客园

2022年2月21日

摘要： <body> <div id="app"> <parent></parent> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> Vue.component('parent',{ 阅读全文

posted @ 2022-02-21 21:04 iTao0128 阅读(21) 评论(0) 推荐(0)

全局组件、局部组件

摘要：定义全局组件（可以在多个vue实例中使用） <script> const cpn = Vue.extend({ //①创建组件构造器 template:` <div> <h2>我是标题</h2> <p>我是内容哈哈哈</p> <div> ` }); Vue.component('cpn',cpn); 阅读全文

posted @ 2022-02-21 20:10 iTao0128 阅读(335) 评论(0) 推荐(0)

v-model的修饰符

摘要：阅读全文

posted @ 2022-02-21 19:48 iTao0128 阅读(28) 评论(0) 推荐(0)

2022年2月19日

v-model结合select

摘要： <body> <div id="app"> <select name="" id="" v-model="selected"> <option value="shanghai">上海</option> <option value="beijing">北京</option> <option value 阅读全文

posted @ 2022-02-19 11:25 iTao0128 阅读(53) 评论(0) 推荐(0)

v-model结合checkbox

摘要：单选 <body> <div id="app"> <label for="agree"> <input type="checkbox" v-model="agree" id="agree" >同意协议 </label> <button :disabled="!agree">下一步</button> 阅读全文

posted @ 2022-02-19 11:18 iTao0128 阅读(65) 评论(0) 推荐(0)

v-model结合radio

摘要： <body> <div id="app">  <input type="radio" value="男" v-model="sex">男 <input type="radio" value="女" v-model="sex">女 <h2>您已选择：{{sex}}</ 阅读全文

posted @ 2022-02-19 10:56 iTao0128 阅读(36) 评论(0) 推荐(0)

2022年2月17日

过滤器filters

摘要：￥66.00 <body> <div id="app"> {{money | showPrice}} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> new Vue({ el:' 阅读全文

posted @ 2022-02-17 22:14 iTao0128 阅读(39) 评论(0) 推荐(0)

高阶函数filter,map,reduce

摘要： filter函数 filter中的回调函数有一个要求：必须返回一个boolean值；返回true时：函数内部会自动将这次回调的的n值加入到新的数组中返回false时：函数内部会自动过滤这次的n methods:{ f1(){ let nums = [10,50,30,80,60,20]; let 阅读全文

posted @ 2022-02-17 22:04 iTao0128 阅读(37) 评论(0) 推荐(0)

2022年2月13日

list排序

摘要： public static void main(String[] args) { List<String> list = new ArrayList<String>(); list.add("a"); list.add("e"); list.add("b"); list.add("c"); list 阅读全文

posted @ 2022-02-13 10:25 iTao0128 阅读(544) 评论(0) 推荐(0)

2021年11月23日

forEach循环数组对象

摘要：后端返回的json数据 { "data":{ "sysList":[{"system":"app1","ip":"21.68.25.90"},{"system":"app2","ip":"21.68.25.227"}] } } vue methods:{ axios.get("test").then 阅读全文

posted @ 2021-11-23 21:36 iTao0128 阅读(190) 评论(0) 推荐(0)

菜鸟需勤奋

公告