- 博客(56)
- 收藏
- 关注
原创 创建一个基于VueCli自定义项目
1.创建一个新文件夹,shift+双击,选择在终端打开。2. 输入vue create 文件名。2.选则最后一个,自定义的。
2023-09-16 17:33:57
71
1
原创 声明式导航跳转传参
router-link to='/home'>首页</router-link><router-link to='/search'>搜素</router-link>
2023-09-14 14:33:07
63
1
原创 VueRouter(切换不同的路径使用对应的组件)
vue2使用 vuerouter3.x 和vue3.x(233)vue3使用 vuerouter4.x 和vue4.x(344)在终端输入,下载VueRouter下面的步骤都是在main.js文件中进行。
2023-09-12 20:33:02
403
原创 插槽(一个组件里某些地方需要定制)
app.vue里template包裹内容,写上插槽名字,#a。3.插槽的作用域(把插槽的数据传递给使用组件的地方)mydialog组件里slot name = "a"1.默认插槽(只能定制一个位置,这里是定制内容)2.具名插槽(可以定制很多个)
2023-09-11 16:51:42
46
原创 自定义指令
1.全局自定义指令(错了,后面可以跟表达式),第3个就是。4.封装一个loadling指令(加载时那个一直转的)2.局部自定义指令(只能在组件内部自己使用)3.自定义的带参数的指令。
2023-09-10 21:16:11
45
1
原创 表单封装(:value + @input = v-model )(父传子,子又能对父的数据修改)
3.BaseSelect里面的select v-model 还是拆分成 ( :value 和 @change 等于 select v-model)2.BaseSelect组件(事件监听改成 input),必须改成input,上面才能简写。1.app.vue ( :value 和 @input = v-model)1.等效(app.vue里面是$event)子组件不能直接对父数据使用v-model。3.简化上面(就修改了两个地方)
2023-09-10 11:47:30
81
1
原创 非父子通信-provide-inject(提供,添加)
3.在子组件中使用inject使用数据,inject:['数据1',‘数据2’]2.在app.vue的子组件,sonA组件中引入GrandSon.vue组件。1.在app.vue中使用provide提供数据。对于app.vue来说是孙子。4.qwq ,一层一层的引入。
2023-09-10 10:11:35
76
1
原创 非父子组件通信-事件总线
1.新建一个文件夹utils(工具),在下面创建一个EventBus.js文件(事件车),在里面创建一个空Vue,命名为bus,再暴露出来。2.在组件接收方BaseA.vue,通过$on监听Bus,(Bus.$on),事件名为‘sendMsg’3.在组件发送方BaseB.vue中触发事件(Bus.$emit),事件名‘sendMsg’Bus.$emit是一对多,可以给多个监听Bus的组件发送 消息。
2023-09-10 09:17:38
60
1
原创 04.组件的注册,组件之间的样式冲突,组件之间的通信,v-model拆分,.sync修饰符,ref和$refs获取元素,$nextTick执行完前面的立即执行这个,
在那里进行导入注册,只能在哪里使用(1).在components文件夹下面新建想要的组件(注意组件名以驼峰式命名,不然会报错,别问我为什么,例:HmHeader,以.vue为后缀,如果没有components文件夹,就建一个,每个组件都由三部分组成,结构template,样式style,逻辑script如何快速生成这三部分,
2023-09-08 18:53:45
103
1
原创 HTML里图片加载不出来的问题
Google浏览器里绝对路径相对路径都可以显示出来(亲测)Edge浏览器要使用相对路径:(绝对路径不好使 亲测)
2023-08-13 16:22:41
348
2
原创 eclipse连接Navicat 15 for MySQL数据库
1.右击项目-->Build path(创建路径)-->configure Build Path(配置路径)5.检查一下有不有添加成功,项目下面的Referenced.libraries目录下有个奶瓶就是成功了QWQ。2.点击libraries -->Add External JARs(添加额外jar包)5.填一下信息 ,到这里navicat部分就好了,接下来看eclipse部分。3.点击高级编码方式选一下,我是后面编码有问题,选择自动的解决了。4.双击连接-->选择新建数据库。2.点击常规,填一下信息。
2023-08-04 10:51:11
2860
1
原创 不认识的单词
额,英语55分,做个笔记。connection连接。callable可召唤的。statement声明。execute可执行的。parameter参数。manager管理者。register注册。
2023-07-18 17:25:46
85
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅