- 博客(5)
- 收藏
- 关注
原创 Vue——day5
当后端接口设计好后,我们只需要把对应的接口请求函数的路径('/api/home/getData')换掉,其他的地方不变即可。(2)在api下创建mockServeData,在该文件下创建home.js存放首页数据。(2)在定义了接口的地方进行使用(如上图在首页定义了接口),将方法进行解构调用。3.在项目的src下创建api文件,通常把与后端接口交互的请求封装在api文件中。(3)在mock.js中首页的请求拦截下,调用home.js中的方法。(1)在api下创建index.js文件,在文件中定义接口。
2023-05-07 18:11:47
97
原创 Vue——day3
如上图所示,在左侧点击某一个功能按钮,左侧栏和上框栏都不变,只改变右边的主内容框。并且左侧栏和上框栏不需要重复写。2.在router下创建index.js文件,引入并定义路由,创建router实例并暴露。4.在Home组件中创建一个按钮,用v-on绑定一个方法,实现路由跳转的功能。5.在主组件中要显示路由跳转的内容的地方,添加<router-view />3.在main.js中引入,并将router挂载。
2023-04-28 00:58:31
83
1
原创 Vue——day1
CSS 样式定义的则是针对 HTML 元素的样式属性,计算出来的 CSS 样式也会被存储在 DOM 树中相应的节点中。DOM API(Document Object Model Application Programming Interface)是浏览器提供的一套用于访问和操作 DOM 树的编程接口,它允许开发者通JavaScript 代码来操纵 HTML 和 XML 文档中的元素、属性、文本等内容。是 Vue 实例对象的一个方法,它用于向响应式对象中添加新的属性,并确保这些新属性同样是响应式的。
2023-04-23 22:35:15
102
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人