- 博客(3)
- 收藏
- 关注
原创 Vue-Router如何在Vue项目中使用
v-router是Vue.js框架内置的路由管理器,用于实现单页应用程序(SPA)中的页面路由跳转及参数传递。v-router可以通过管理URL路径来实现视图之间的切换,它能够动态地将组件渲染到指定的位置,并且可以根据路由参数动态地加载数据。<router-link>标签用于生成路由链接,to属性表示跳转的路由。通过以上步骤,v-router就可以在Vue项目中进行使用了。安装v-router:在项目根目录下执行命令 npm install vue-router --save 安装v-router插件。
2023-06-26 20:51:02
249
1
原创 Vuex3的简介与使用
它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。它为应用程序中的所有组件提供了一个简单的全局状态管理器。使用 Vuex,我们可以轻松地管理应用程序中的各种状态,例如登录状态、用户信息、购物车中的商品数量、商品列表等等。在该组件中,我们使用了 Vuex 提供的 mapGetters 和 mapActions 帮助函数将 Store 中的状态和方法映射到组件中。mutations:一种更改状态的方式,必须是同步函数;state:用于存储应用程序中的所有状态;
2023-06-26 20:29:40
312
1
原创 CSS的三大特性——层叠性、继承性、优先级
CSS3的层叠性是指当多个样式规则应用于同一元素时,此时一个样式就会覆盖另外一个冲突的样式,浏览器会按照特定的规则来决定哪个样式规则应该被优先应用。最终的效果是父元素的文本颜色为红色,字体大小为20px,而子元素的文本颜色也为红色,字体大小也为20px,但是字体粗细为粗体。在上面的代码中,父元素的字体大小和文本颜色设置为20px和红色,而子元素的文本粗细设置为粗体。当给元素设置样式时,如果有多个选择器指定的是同一个元素,就会有优先级的产生。优先级是当不同的选择器指定同一个元素时,样式规则是一样的。
2023-06-22 18:18:47
215
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人