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)

相关推荐
顾安r13 小时前
11.14 脚本网页 青蛙过河
服务器·前端·python·游戏·html
不爱吃糖的程序媛13 小时前
Electron 智能文件分析器开发实战适配鸿蒙
前端·javascript·electron
Doro再努力13 小时前
2025_11_14洛谷【入门1】数据结构刷题小结
前端·数据结构·算法
IT_陈寒13 小时前
SpringBoot 3.2新特性实战:这5个隐藏技巧让你的应用性能飙升50%
前端·人工智能·后端
eason_fan14 小时前
Monorepo性能噩梦:一行配置解决VSCode卡顿与TS类型崩溃
前端·typescript·visual studio code
天天进步201515 小时前
Webpack到Vite:构建工具迁移实战经验总结
前端·webpack·node.js
0***1415 小时前
免费的WebAssembly模块打包,Webpack配置
前端·webpack·wasm
小胖学前端15 小时前
解决 uniapp H5 与原生应用通信的坑:一个经过实战验证的解决方案
前端·uni-app
LaoZhangAI15 小时前
Gemini 2.5 Flash Image API尺寸设置完整指南:10种宽高比详解
前端·后端
kangyouwei15 小时前
鸿蒙开发:19-本地开发配置bash环境执行hvigorw命令
前端·harmonyos