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)

相关推荐
吴声子夜歌16 小时前
ES6——Module详解
前端·ecmascript·es6
剪刀石头布啊17 小时前
原生form发起表单干了啥
前端
剪刀石头布啊17 小时前
表单校验场景,如何实现页面滚动到报错位置
前端
gyx_这个杀手不太冷静17 小时前
大人工智能时代下前端界面全新开发模式的思考(二)
前端·架构·ai编程
GreenTea17 小时前
AI Agent 评测的下半场:从方法论到落地实践
前端·人工智能·后端
吴声子夜歌17 小时前
Vue3——Vue实例与数据绑定
前端·javascript·vue.js
我是若尘18 小时前
Harness Engineering:2026 年 AI 编程的核心战场
前端·后端·程序员
weixin1997010801618 小时前
《快手商品详情页前端性能优化实战》
前端·性能优化
IT_陈寒19 小时前
折腾一天才明白:Vite的热更新为什么偶尔会罢工
前端·人工智能·后端
AI茶水间管理员20 小时前
学习ClaudeCode源码之Agent核心循环
前端·人工智能·后端