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)

相关推荐
晴天166 分钟前
Web 页面内存溢出与 CPU 溢出:区别、诊断与最佳实践
前端·javascript
摸鱼仙人~12 分钟前
需求深度分析提示词-grill me
前端·chrome
Highcharts.js17 分钟前
常见报错排雷指南3:兼容性问题的官方解法
前端·javascript·react.js·可视化·highcharts·报错解法
雪芽蓝域zzs28 分钟前
第三十六节:keep-alive 页面缓存(Vue3 + 后台管理系统)
前端·vue.js·缓存
言乐628 分钟前
Python加速器2视频网页加速器
前端·javascript·css·python·音视频
IT_陈寒44 分钟前
为什么我的Java Stream操作总是默默吃掉异常?
前端·人工智能·后端
光影少年1 小时前
react navite浏览器 Event Loop 和 Node Event Loop 的区别
前端·javascript·react native·react.js·前端框架
90后的晨仔1 小时前
uni-app 安卓自有证书完全指南
前端
CharlesYu0111 小时前
前端性能优化的第一性原理,是不断缩短“用户发起意图 → 获得可用结果”之间的时间
前端