vue
涛涛 -_-
这个作者很懒,什么都没留下…
展开
-
vue组件传值的三种方式
父子组件之间传值 $emit() $on() $emit() this.$parent.xxx 正常的@xxx=“func” , this.$emit()方式 使用.sync可以给props双向绑定数据 由子组件自己控制何时传值 父亲组件 <template> <div> <p style="color: red;">使用.sync双向绑定</p> 父组件输入框:<input v-model="inputValue" /&原创 2020-12-04 14:35:15 · 198 阅读 · 0 评论 -
vuex实现购物车案例
Vuex购物车案例 搭建基本环境 前台环境 使用vue脚手架 , 先全局安装vuecli npm i vue-cli -g 使用vuecli创建项目 vue create cart-example cart-example是项目名字 此时会提示,使用vue2版本的还是vue3版本,这里选择的是vue 2.x 后台环境 直接使用node运行根目录下的server.js就可以。 const express = require('express') const cors = require('cors'原创 2020-10-04 23:53:01 · 745 阅读 · 1 评论 -
vuex的基本使用
Vuex 一个大型的单页面应用,当很多组件都同时依赖一个状态时,一个组件将这个状态改变,那么它要通知所有依赖它的组件,告诉他们修改值。这样互相一层一层的传值很麻烦。此时可以使用vuex集中管理状态。 将这个状态保存在vuex中,所有需要这个数据的组件就去这里面拿值,修改数据时,直接修改这里面的值,那么所有的组件也就都能拿到最新的值。 非必要情况下小项目不要使用Vuex。 快速上手 首先安装vuex npm i vuex -D 在src下面单独创建个store文件夹,用于专门存储共享数据。在原创 2020-10-03 10:22:28 · 61 阅读 · 0 评论