![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
冬雪是你
正就读于成都大学计算机学院软件工程专业
展开
-
vuex中getters使用案例
点击查看: 前一篇vuex使用案例 /store/index.js 配置 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state:{ counter: 100, students: [ {id: 110 , name: 'Tom' , age: 18}, {id: 120 , na原创 2021-01-15 23:41:06 · 232 阅读 · 0 评论 -
vuex中state单一状态案例
准备 环境安装:在项目文件夹下执行 npm install vuex --save src下创建store文件夹和index.js文件 main.js如下 import Vue from 'vue' import App from './App' import store from './store' Vue.config.productionTip = false new Vue({ el: '#app', store, render: h => h(App) })原创 2021-01-15 17:15:08 · 119 阅读 · 0 评论 -
Vue封装TabBar组件
Vue环境准备 1、npm install vue-router 因为后面用得到路由 2、阿里矢量库,用于TabBar的图标 组件抽离为两个 1、TabBar.vue <template> <div id="tab-bar"> <slot></slot> //插槽:插入多个TabBarItem </div> </template> <script> export default { nam原创 2021-01-15 14:32:59 · 488 阅读 · 0 评论