临易 - 博客园

2022年7月11日

摘要：子传父：通过子组件的按钮调用父组件的函数，通过函数传值。 //定义一个header-bar组件 Vue.component("header-bar",{ data:function(){ //组件中的data是通过函数返回的对象 return{ //title:"java2022电商平台" str2 阅读全文

posted @ 2022-07-11 15:31 临易阅读(22) 评论(0) 推荐(0) 编辑

千峰商城-springboot项目搭建-35-vue组件通信-父传子

摘要：父传子：父组件在调用子组件的时候向子组件传递数据。 vue实例本身就是一个组件。(模板就是el指定的容器div，data就是组件数据,methods就是组件的事件函数)在vue实例指定的el容器中引用的组件<header-bar>称为子组件，当前Vue实例就是父组件。 <!DOCTYPE html> 阅读全文

posted @ 2022-07-11 15:20 临易阅读(29) 评论(0) 推荐(0) 编辑

千峰商城-springboot项目搭建-34-vue组件注册

摘要： 1.自定义组件的结构： data：定义组件的模板渲染的数据。 template：组件的HTML模块（HTML标签\css） methods：定义组件中的标签事件绑定的js函数 //定义一个header-bar组件 Vue.component("header-bar",{ data:function( 阅读全文

posted @ 2022-07-11 12:36 临易阅读(29) 评论(0) 推荐(0) 编辑

千峰商城-springboot项目搭建-33-vue组件

摘要：组件，就是将通用的HTML模块进行封装————可复用。 1.组件注册：将通用的HTML模块注册到vue中。 2.组件引用：定义组件需要依赖vue.js,在引用自定义组件的js文件之前需要先引用vue.js。组件的引用必须在vue实例el指定的容器中。在js包中新建一个js文件。将header- 阅读全文

posted @ 2022-07-11 11:23 临易阅读(27) 评论(0) 推荐(0) 编辑

2022年7月10日

千峰商城-springboot项目搭建-32-vue案例练习-音乐播放器

摘要：很多同学没有这个播放器文件，可以加我QQ1226371240，记得备注播放器~ 找到music-1.0.0.jar所在的文件夹，在地址栏直接输入cmd，回车。在cmd中输入： "java -jar music-1.0.0.jar"，回车，启动项目。在浏览器地址栏输入："http://localh 阅读全文

posted @ 2022-07-10 11:59 临易阅读(97) 评论(1) 推荐(1) 编辑

2022年7月9日

千峰商城-springboot项目搭建-31-vue表单输入绑定

摘要：表单输入绑定，即双向绑定：就是能够将vue实例的data数据渲染到表单输入视图（input/textarea/select），也能够将输入视图中的数据同步更新到vue实例的data中。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit 阅读全文

posted @ 2022-07-09 17:33 临易阅读(37) 评论(0) 推荐(0) 编辑

2022年7月8日

千峰商城-springboot项目搭建-30-vue系统修饰符

摘要：组合键 ctrl、alt、shift、meta（windows键） <input type="text" @keyup.ctrl.keyj="method4" /> //给键74起个别名 Vue.config.keyCodes.keyj = 74; <!DOCTYPE html> <html> <h 阅读全文

posted @ 2022-07-08 18:27 临易阅读(24) 评论(0) 推荐(0) 编辑

千峰商城-springboot项目搭建-29-vue按键修饰符

摘要：按键修饰符就是针对键盘事件的修饰符。限定哪个按键会触发事件。 @keyup.enter：只有点击回车键的时候会触发。enter、tab、delete、esc、space、up、down、left、right. <!DOCTYPE html> <html> <head> <meta charset=" 阅读全文

posted @ 2022-07-08 18:22 临易阅读(20) 评论(0) 推荐(0) 编辑

千峰商城-springboot项目搭建-28-vue事件修饰符

摘要：当使用v-on进行事件绑定的时候，可以添加特定后缀，设置事件触发的特性 <button type="submit" @click.prevent="事件函数">测试</button> .prevent：消除元素的默认操作 <!DOCTYPE html> <html> <head> <meta cha 阅读全文

posted @ 2022-07-08 18:05 临易阅读(13) 评论(0) 推荐(0) 编辑

千峰商城-springboot项目搭建-27-vue事件处理 v-on

摘要：在使用vue进行数据渲染时，如果使用原生的js事件绑定（如onclick），如果需要获取vue实例中的数据并传参则需要通过拼接来完成。 vue提供了v-on指令用于绑定各种事件（v-on:click），简化了从vue中取值的过程，但是触发的方法需要定义在vue实例的methods中。 <!DOCTY 阅读全文

posted @ 2022-07-08 17:41 临易阅读(24) 评论(0) 推荐(0) 编辑

临易

公告