计算机小白学前端~

自学前端

目录一、概念二、何时使用三、搭建vuex环境四、基本使用五.getters的使用六、四个map方法的使用七、模块化+命名空间一、概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。二、何时使用多个组件需要共享数据时三、搭建vuex环境1.创建文件：src/store/index.js(在src里面新建一个store文件夹，然后再里

1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。2.分类：默认插槽、具名插槽、作用域插槽3.使用方式：①默认插槽父组件中： <Category> <div>html结构1</div> </Category>子组件中： <template> <div>

服务端使用nodejs（express）实现服务端。初始化项目mkdir servernpm init -ynpm install --save expressserver1server目录下新建server1.js，server1.js内容如下。const express = require('express')const app = express()app.use((request,response,next)=>{ console.log('有人请求ser

作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 图示：<img src="https://img04.sogoucdn.com/app/a/100520146/5990c1dff7dc7a8fb3b34b4462bd0105" style="width:60%" /> 写法： 准备好样式： 元素离开的样式： v-leave：离开的起点 v-leave-active：离开过程中 ..

1. 一种组件间通信的方式，适用于任意组件间通信2.使用步骤①安装pubsub ：npm i pubsub-js②引入pubsub：import pubsub from 'pubsub-js' (订阅消息和发布消息的组件都需要引入)③接收数据A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。 methods：{ demo(data){......} } ...... mounted() { ...

一、定义一种组件间的通信方式，适用于任意组件间的通信二、安装全局事件总线new Vue({ el: '#app', render: h => h(App), beforeCreate() { Vue.prototype.$bus=this // 安装全局事件总线，$bus就是当前应用的vm }})三、使用事件总线1. 接收数据A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件...

自学前端

自学前端

自学前端

1. 具体问题如下：浏览器安装了Vue-devtools插件，浏览器控制台调不出来，页面显示正常，无其他问题2. 错误原因：没显示调试工具的原因是用了生产环境的版本或是引入了压缩的vue版本，或是没有勾选（我就是引入了压缩的Vue文件，所以出现错误了）3.具体解决方案：在你的代码 js里面添加如下代码Vue.config.devtools = true;4.问题成功解决...