![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
七日谭
√
展开
-
【Vuex】使用及核心内容
文章目录1 Vuex概述1.1 组件之间共享数据的方式1.2 Vuex是什么1.3 使用Vuex统一管理状态的好处2.Vuex的基本使用3 Vuex 的核心概念3.1核心概念概述3.2 State3.3 Mutation3.4 Action3.5 Getter 1 Vuex概述 1.1 组件之间共享数据的方式 父向子传值:v-bind属性绑定(props) 子向父传值:v-on 事件绑定 兄弟组件之间共享数据:EventBus($on数据接收方,$emit发送数据的内个组件) 以上的三种方式是小范围的数据原创 2020-11-22 10:39:11 · 109 阅读 · 0 评论 -
【vue】props传值、非父组件通信
文章目录1 props传值:1.1 父组件向子组件传值:1.2 在prop中添加参数约束: 1 props传值: 所有的prop都使得其父子组件之间形成了一个单行下行的数据流,父级prop的更新会向下流动到子组件中,但是反过来则不行。这样会防止子组件意外变更父组件的状态,从而导致你的应用数据难以理解。 1.1 父组件向子组件传值: ① 先在挂载成功的子组件中,添加props内容 props:{ 'named':String, 'blibli':{ type:String, default:"Bworl原创 2020-11-09 20:37:45 · 517 阅读 · 0 评论 -
【vue】Mockjs模拟数据
文章目录Mockjs模拟数据1 与vue结合的使用步骤1.1 安装依赖1.2 创建模拟文件1.3 请求数据 Mockjs模拟数据 特性:①可以帮助前端开发人员实现前后端分离测试。②增加测试效果的真实性。③可以模拟的数据类型丰富。诸如:数值、字符串、对象、数组、时间、图片、颜色、文本、姓名、网址域名、地址等。 1 与vue结合的使用步骤 1.1 安装依赖 cnpm install --save-dev mockjs 1.2 创建模拟文件 在vue的src文件夹下,创建mockjs文件。 import M原创 2020-11-07 21:14:46 · 114 阅读 · 0 评论 -
【vue】创建命令
vue vue是JavaScript框架的一种,将零散的样式、响应操作、单页面进行了“管理”,在增加项目的可读性和处理效率,以及代码的可重用。 vue使用的基本配置 ①vue使用的环境配置。通过node.js下载npm,通过淘宝镜像安装cnpm。 ②vue的运行环境,即vue的脚手架(vue-cli),在vue-cli中集成了vue.js文件、项目环境、webpack文件。 脚手架的安装:使用"cnpm install -g vue-cli“,或者用“cnpm install -g @vue/cli”(最原创 2020-10-25 21:12:52 · 199 阅读 · 0 评论