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)

相关推荐
风铃喵游3 分钟前
构建引擎: 打造小程序编译器
前端·小程序·架构
sunbyte7 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss
小飞悟16 分钟前
🎯 什么是模块化?CommonJS 和 ES6 Modules 到底有什么区别?小白也能看懂
前端·javascript·设计
浏览器API调用工程师_Taylor16 分钟前
AOP魔法:一招实现登录弹窗的全局拦截与动态处理
前端·javascript·vue.js
FogLetter18 分钟前
初识图片懒加载:让网页像"懒人"一样聪明加载
前端·javascript
微客鸟窝19 分钟前
一文搞懂NVM管理Node.js:从安装到实战全攻略
前端
归于尽19 分钟前
Cookie、Session、JWT 的前世今生
前端
程序员辉哥21 分钟前
学会在Cursor中使用Rules生成代码后可以躺平了吗?
前端·后端
请你吃div25 分钟前
JavaScript 实用函数大全(超实用)
前端·javascript·面试
一个水瓶座程序猿.27 分钟前
Vue3 中使用 Vueuse
前端·javascript·vue.js