Vue
文章平均质量分 60
BUG忠实爱好者
Java领域新星创作者,业余丰富各种技术栈
展开
-
【翠花学Vue】用Vue完成购物车功能
功能介绍:通过输入商品名称,单价,将其加入购物车计算每件商品的价格以及小计。原创 2022-07-12 17:04:10 · 248 阅读 · 0 评论 -
【翠花学Vue】每日打卡——vue打卡4
vue的生命周期一共有四组:创建前(beforeCreate),创建完成时(created) ----->挂载前(beforeMOunt),挂载完成时(mounted)-------->修改前(beforeUpdate),修改完成时(updated)-------->销毁前(beforeDestroy),销毁完成时(destroyed)。 通过以下代码可以查看不同状态时的内容。beforeCreate和created 这一组生命周期,中间包含data中的属性值注入以及一些反应。beforeMount和mou原创 2022-07-12 16:59:53 · 238 阅读 · 0 评论 -
【翠花学Vue】每日打卡——vue打卡3
看如下代码:此时定义了一个组件weapon,我想在组件里面加上他的特点:+10攻击,但是运行发现我所加的特点并没有显示出来:解决方法:在组件内部定义插槽,此时我们在自定义组件内部编写的信息就可以在插槽上显示出来。 另外,插槽可以筛选条件,比如说此时定义的插槽只能插入红色的内容: 那么此时只有将插槽颜色定义为红色的标签内的内容才能在插槽里显示出来。总结: 插槽用来在组件内部编写文字或标签的一个占位,可以不设定任何的属性,若不设定则显示组件内部的所有信息。 通过插槽的name属性指定某个值,原创 2022-07-11 15:49:54 · 142 阅读 · 0 评论 -
【翠花学Vue】每日打卡——Vue打卡2
vue绑定事件 v-on 或者@splice(index,x):vue中删除数组元素的方法,index表示从那边开始删,x表示删除几个元素。过滤器:用于进行文本内容格式化处理。reverse():把字符串中的字符都颠倒过来。toFixed():四舍五入取指定位数的小数点。 数据监听watch计算属性computed监听:简单点来说就是当某一块内容发生改变时你想做什么。监听分为两种:普通监听:只能监听简单的数据类型。深度监听:可以监听简单数据类型和对象类型。watch监听单个。compute原创 2022-07-08 22:58:25 · 195 阅读 · 0 评论 -
【翠花学Vue】每日打卡——vue打卡1
jQuery是基于操作dom的库。Vue框架是以数据驱动和组件化开发为核心。在学习vue 之前需要下载node.js(相当于一个平台,可以下载自己所需要的插件),以及vscode软件。下载Vue在D盘根目录创建1个文件夹,名字随意,这边取名为vue1。wind+R打开comd窗口,输入如下内容。(如果@后面不加版本号,默认下载最新版本3) 此时在D盘vue1目录下即可看到所下载的vue。打开node_modules文件夹,进入vue文件夹,即可看到不同的js文件。我们常用的是vue.js。 在vu原创 2022-07-06 19:41:58 · 343 阅读 · 0 评论 -
【翠花学Vue】每日打卡——Vue打卡5
axios:用于发送ajax请求的HTTP库,本质上是对AJAX的封装。需求:更改购物车功能(上一篇博客),购物车所用的数据从数据库中获取。打开mysql,创建数据库good,建立good表,添加属性与数据。打开idea创建springboot项目,在pom文件中添加mybaits-plus依赖,并将mysql的版本改为5.1.26。在yml文件里配置连接数据库的相关代码。创建与表相对应的实体类。mapper接口service接口service实现类controll原创 2022-07-13 15:53:25 · 526 阅读 · 0 评论