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)

相关推荐
1024肥宅3 分钟前
手写 new 操作符和 instanceof:深入理解 JavaScript 对象创建与原型链检测
前端·javascript·ecmascript 6
吃肉的小飞猪14 分钟前
uniapp 下拉刷新终极方案
前端
关关长语15 分钟前
Vue本地部署包快速构建为Docker镜像
前端·vue.js·docker
jump68018 分钟前
react的事件优先级
前端
soda_yo21 分钟前
浅拷贝与深拷贝: 克隆一只哈基米
前端·javascript·面试
冴羽27 分钟前
Nano Banana Pro 零基础快速上手
前端·人工智能·aigc
幼儿园技术家35 分钟前
浏览器加载html、css、js的顺序
前端
爱分享的鱼鱼1 小时前
Vue生命周期钩子详解与实战应用
前端·vue.js
晴殇i1 小时前
CSS Grid 与 Flexbox:现代前端布局的双子星
前端·css
曹卫平dudu1 小时前
一起学习TailWind Css
前端·css