Springboot04--vue前端部分+element-ui

注意点:

这边v-model和value的区别:v-model是双向绑定的,value是单向绑定

li的key的问题

vue的组件化开发:

1. NPM(类似maven,是管理前段代码的工具)

安装完之后可以在cmd里面使用以下指令

2. vue/cl,写vue的时候就不用html去写代码了

安装好之后,找到你放代码的目录,cmd,然后npm install -g @vue/cli

新手选第三个,然后取消掉下面这个

运行项目的代码:

3. 模块化开发

helloword,是自定义的标签

关于自定义组件的添加:

4.elementUI

4.1 组件内部传值

现在我们自己创建一个组件Movie.vue

标框的要注意一下哦

有个问题,有100部电影不可能创建100个组件,咋办捏?

显然,这个"哈利皮特"不应该由movie自己提供数据,而是谁使用了movie组件,谁提供数据

使用props,自定义属性,外界使用movie标签的时候就可以使用这个属性:

4.2 element-ui

fontawesome.com (dashgame.com)

相关推荐
UIUV16 分钟前
JavaScript中this指向机制与异步回调解决方案详解
前端·javascript·代码规范
momo10017 分钟前
IndexedDB 实战:封装一个通用工具类,搞定所有本地存储需求
前端·javascript
liuniansilence17 分钟前
🚀 高并发场景下的救星:BullMQ如何实现智能流量削峰填谷
前端·分布式·消息队列
再花17 分钟前
在Angular中实现基于nz-calendar的日历甘特图
前端·angular.js
GISer_Jing29 分钟前
今天看了京东零售JDS的保温直播,秋招,好像真的结束了,接下来就是论文+工作了!!!加油干论文,学&分享技术
前端·零售
Mapmost36 分钟前
【高斯泼溅】如何将“歪头”的3DGS模型精准“钉”在地图上,杜绝后续误差?
前端
废春啊1 小时前
前端工程化
运维·服务器·前端
爱上妖精的尾巴1 小时前
6-9 WPS JS宏Map、 set、get、delete、clear()映射的添加、修改、删除
前端·wps·js宏·jsa
爱分享的鱼鱼1 小时前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond1 小时前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js