罗砂 - 博客园

2023年2月24日

摘要： mapState: 首先要在使用sore文件的文件引入: import {mapState} from 'vuex'; 在js；红色的是用到的 mapState可以自动生成计算属性 <script> import {mapState,mapGetters} from 'vuex'; export 阅读全文

posted @ 2023-02-24 11:49 罗砂阅读(89) 评论(0) 推荐(0)

VUEX getters 配置项

摘要：获取bigSum <template> <div id="app"> <h1>当前总数为:{{$store.state.nbr}}</h1> <h2>放大十倍总数为:{{$store.getters.bigSum}}</h2> <select v-model.number="n"> <option 阅读全文

posted @ 2023-02-24 08:56 罗砂阅读(20) 评论(0) 推荐(0)

2023年2月23日

求和案例vuex版

摘要： App.vue <div id="app"> <h1>当前总数为:{{$store.state.nbr}}</h1> <select v-model.number="n"> <option value="1">1</option> <option value="2">2</option> <opti 阅读全文

posted @ 2023-02-23 15:26 罗砂阅读(14) 评论(0) 推荐(0)

Vuex介绍及配置

摘要： vuex是什么概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读 / 写），也是一种组件间通信的方式，且适用于任意组件间通信。什么时候使用Vuex 多个组件依赖于同一状态来自不同组件的行为需要变更同一状态安装方式一如果用脚阅读全文

posted @ 2023-02-23 13:12 罗砂阅读(54) 评论(0) 推荐(0)

求和案例vue版

摘要：首先需要做的效果：静态样式 <div id="app"> <h1>当前总数为:{{nbr}}</h1> <select v-model.number="n"> <option value="1">1</option> <option value="2">2</option> <option val 阅读全文

posted @ 2023-02-23 11:48 罗砂阅读(21) 评论(0) 推荐(0)

2023年2月22日

去掉路由中的#号

摘要： vue开发时地址栏上的ip后面会跟着一个#号，如果想去掉这个井号，可以在路由上加上 mode: 'history', 就可以去掉 //设置路由 const router = new VueRouter({ mode: "history", base: __dirname, routes: [ { p 阅读全文

posted @ 2023-02-22 16:50 罗砂阅读(176) 评论(0) 推荐(0)

axios 请求数据 + 配置代理

摘要： axios请求 <template> <div id="app"> <button @click="getStudents">获取学生信息</button> </div> </template> <script> import axios from 'axios'; export default{ 阅读全文

posted @ 2023-02-22 16:42 罗砂阅读(48) 评论(0) 推荐(0)

props子父传值

摘要：父组件： <propss :pos='persons'></propss> //引入子组件 import propss from './props.vue';data() { return{ inHot: true, n:0, x:1, keyWords:"", // 原始数据 persons:[ 阅读全文

posted @ 2023-02-22 13:49 罗砂阅读(15) 评论(0) 推荐(0)

自定义函数

摘要： v-big　点击按钮X加1乘以10  <div class=" weather "> <h2>当前n是{{x}}</h2> <h2>放大十倍的n<span v-big="x"></span></h2> <button @click="x++">点我n+1</button> 阅读全文

posted @ 2023-02-22 09:29 罗砂阅读(12) 评论(0) 推荐(0)

v-pre指令

摘要：略过其节点的解析过程阅读全文

posted @ 2023-02-22 08:48 罗砂阅读(15) 评论(0) 推荐(0)

0722tian

公告