- 博客(140)
- 收藏
- 关注
原创 路由的基本使用
5.2创建Message组件。9.运行项目,发现跳转的时候仅仅是单页面跳转。5.1创建About组件。7.在main.js中引入router。4.在src目录下创建router。8.在App中使用router。6.编写router。
2024-07-04 02:00:00
285
原创 Vuex的模块化编程
1.在store下创建count.js,将上篇store中的方法封装到一个对象中并暴露。mapMutations:从mutations中获取操作,以数组的方式返回。有两种写法,当我们的名字和store中的名字一样时就可以使用数组的简化写法。mapGetters:从getters中获取方法,以数组的方式返回。mapActions:从actions中获取动作,以数组的方式返回。mapState:从state中获取数据,以数组的方式返回。1.之前我们使用store引入的时候不够简介,store为我们封装了方法。
2024-07-03 19:34:48
1166
原创 Vuex的基本使用
7.3调用store中的add方法,通过 dispatch 在组件中访问vuex的actions,通过commit 在组件中访问vuex的mutations。7.4启动项目 ,可以看到我们的功能都还可用。4.在src下的目录创建store,新建index.js。7.2获取getters中的getT方法。7.1获取state中sum的值。6.在main.js中引入并使用store。7.在组件中调用store中的方法。5.编写index.js。
2024-07-03 18:41:12
195
原创 vue2项目的打包以及部署
当我们写好vue2的项目后,可以通过npm build来对项目进行打包npm build打包完成后我们可以看到在当面目录下生成了dis目录,src下的文件都会被打包进这个目录里,当然打包后的文件我们不能直接在浏览器打开,需要进行部署。
2024-07-02 20:48:56
1695
原创 vue插槽的简单使用
3.运行,因为我们写了两个插槽,另一个没有被使用就展示的默认值。1.在Category中创建插槽。4.不在app中使用插槽的效果。
2024-06-29 20:44:03
224
原创 vue2的脚手架笔记总结2
子组件 ===> 父组件2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。3. 绑定自定义事件:this.$refs.s.on('绑定了ref的组件stu',()=>{})},若想让自定义事件只能触发一次,可以使用once修饰符,或$once方法。this.$emit('事件名',数据)5.解绑自定义事件this.$off('事件名')组件上也可以绑定原生DOM事件,需要使用native修饰符。
2024-06-28 22:03:45
1177
原创 vue启动时的错误
当vue命名不规范造成Component name “School“ should always be multi-word vue/multi-word-component-names
2024-06-27 19:07:35
241
原创 win7使用vue-cli创建vue3工程
向下箭头表示下一个,空格表示*选中,按照我的选择来选即可,选完后回车。找到刚刚创建的文件用vsCode打开。上线箭头进行选择,选择后回车。回车以后选择第三个,进行手动选择。
2024-06-25 20:35:44
268
原创 vue2.9.6项目的基本介绍
打包完成后,会生成 dist 文件夹,如果已经修改了文件路径,可以直接打开本地文件查看。项目上线时,只需要将 dist 文件夹放到服务器就行了。如果需要打包项目,将使用下面的命令。
2024-06-24 14:59:32
404
原创 快速创建vue项目(2.9.6)
这里会自动下载需要的js放到我们指定的目录里,需要等待一些时间,等待安装完成后项目也就创建好了。5.在浏览器输入这个地址就可以看到我们创建的脚手架,默认会有一个hello的vue文件。上篇文章我们安装好了vue,先验证一下,可以看到我们的版本是2.9.6。3.创建vue-cli项目 ("里面是项目名称")回车以后需要确认项目的名称,这里直接回车就好。1.新建一个空文件夹来存放vue项目。6.关闭的话连续按两次ctrl+c就可以。2.进入该文件夹打开黑窗口。就证明我们的项目没问题。
2024-03-08 16:12:21
492
原创 vue购物车实战
利用vue的持久化存储,将数据进行渲染,修改,删除的操作,通过computed进行求和以及平均值,通过v-bind:class来进行高亮等操作,通过修改数据来进行选中和全选
2024-03-01 23:07:00
633
原创 在SPringBoot中整合Mybatis-plus以及mybatis-puls的基本使用
SPringBoot中整合mybatis-plus和mybatis-plus的基本使用
2023-07-22 17:47:26
1603
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人