张筱菓

2025年2月12日

摘要： 1、用 v-for 把一个数组映射为一组元素我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名。 <ul> <li v-for="item in items" 阅读全文

posted @ 2025-02-12 18:53 张筱菓阅读(14) 评论(0) 推荐(0)

004 条件渲染

摘要： 1、v-if v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。 <p v-if="flag">我是孙猴子</p> data(){ return{ flag:true } } 2、v-else 你可以使用 v-else 指令来表示 v-if 的"else块" 阅读全文

posted @ 2025-02-12 15:42 张筱菓阅读(9) 评论(0) 推荐(0)

003 模板语法

摘要： Ctrl+j ：隐藏终端 assets：存放静态资源（eg：公共的CSS文件，项目当中所用的图片文件等） components：公共组件 App.vue:主入口的组件，根组件 main.js:主入口文件 registerServiceWorker.js:监听文件 template:就是写html的阅读全文

posted @ 2025-02-12 14:10 张筱菓阅读(16) 评论(0) 推荐(0)

002 Vue开发前的准备

摘要： 1、安装Vue工具 Vue CLI http://vuejs.org 官网 http://cn.vuejs.org 中文版官网 cli.vuejs.org Vue3最新版网址 Vue CLI Vue.js开发的标准工具，Vue CLI是一个基于Vue.进行快速开发的完整体系 npm install 阅读全文

posted @ 2025-02-12 11:43 张筱菓阅读(18) 评论(0) 推荐(0)

2025年2月11日

001 Vue是什么？为什么要学习他

摘要： 1、Vue是什么？ Vue是前端优秀框架，是一套用于构建用户界面的渐进式框架 2、为什么要学习Vue ①Vue是目前前端最火的框架之一 ②Vue是目前企业技术栈中要求的知识点 ③Vue可以提升开发体验 ④Vue可以提升开发体验 ⑤... 阅读全文

posted @ 2025-02-11 19:55 张筱菓阅读(13) 评论(0) 推荐(0)

018 Module的语法

摘要：历史上，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成相互依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如Ruby的require、Python的import，甚至就连CSS都有@import,但是JavaScript任何方面的支持都没有，这对开发大型的阅读全文

posted @ 2025-02-11 19:43 张筱菓阅读(23) 评论(0) 推荐(0)

017 Class的继承

摘要： 1、基础用法 Class可以通过extends关键字实现继承，让子类继承父类的属性和方法。extends关键字实现继承，让子类继承父类的属性和方法。extends的写法比ES5的原型链继承，要清晰和方便很多 class Point{ } class ColorPoint extends Point{ 阅读全文

posted @ 2025-02-11 16:34 张筱菓阅读(11) 评论(0) 推荐(0)

016 Class属性与方法

摘要： 1、实例方法通过类的实例对象调用方法 class People{ say(){ console.log("Hello"); } } var p = new People(); p.say() 2、实例属性实例属性指的是类的实例对象可调用的属性 class People{ constructor（阅读全文

posted @ 2025-02-11 16:05 张筱菓阅读(14) 评论(0) 推荐(0)

015 Class基本语法

摘要： 1、类的由来 JavaScript语言中，生成实例对象的传统方法是通过构造函数 function Point (x,y){ this.x=x; this.y=y; } Point.prototype.toString=function(){ return'('+this.x+','+this.y+' 阅读全文

posted @ 2025-02-11 15:29 张筱菓阅读(19) 评论(0) 推荐(0)

014 Async函数

摘要： ES2017标准引入了async函数，使得异步操作变得更加方便 async函数可以将异步操作变为同步操作 1、实例代码 function print(){ setTimeout(()=>{ console.log("定时器")； }，1000） console.log("Hello"); } pri 阅读全文

posted @ 2025-02-11 14:55 张筱菓阅读(12) 评论(0) 推荐(0)

公告