1.为了方便项目的维护，将所有的接口都封装到一个文件中,在view下新建个api文件夹，包含http.js（封装请求）api.js（封装各个接口）http.jsimport axios from 'axios'axios.defaults.baseURL ='';const http = axios.create({timeout: 300 * 1000,headers: {'Cache-Cont

1.props 这个和之前的vue2基本一样2.provide 父组件向子组件传参inject 子组件接受父组件传来的参数*这两个函数只能在 setup() 函数中使用，不限层级1.父组件中需要先正常引入子组件importAbout from "../views/About"2.父组件引入provideimport { defineComponent, provide } from "vue";3

使用computed和watch, 一定记得先引入import { reactive , computed,toRefs,watch} from "vue";computed属性使用 getter 函数，并为从 getter 返回的值返回一个不变的响应式ref对象。如图所示，案例：<p>原来值:{{ count }}</p><p>计算属性更改的值:{{ twoN

将vue移动端项目，打包成App，方便手机更真实查看效果思路：1.vue项目正常打包生成dist文件夹2.使用HBuilderX编辑器创建一个 5+App项目3.创建完成如下4.将vue项目打包的文件与这里的相同的文件覆盖掉 ，完成之后，打开manifest.json，进行基础的配置 ，包括版本 ， 名称图标等配置注：一定要先获取AppID5.右击项目->发行->原生app云打包 ,如

setup()函数的用法，可以代替 Vue2 中的 date 和 methods 属性，直接把逻辑写在setup 里就可以ref() 函数用法，是更新简单的变量reactive()函数用法，更新复杂类型的变化(数组/对象)注：return出去的数据和方法，在模板中才可以使用，这样可以精准的控制暴漏的变量和方法案例 删除某个数据如图:template<ul v-for="(item,index

简单的示例图如下主要是全选，取消全选，单选，商品的数量的+1，-1进行这些操作时，商品总价格是不断变化的（用的vant-ui插件https://youzan.github.io/vant/#/zh-CN/）<template><div class="home"><ul><li v-for="(item,index) in cartList" :key="i

由于项目需求 需要表格的内容可以进行修改思路：当点击修改的时候切换到input输入框，否则就是文本如图:先定义一个变量用来控制span和input的显示隐藏，由于点击编辑只修改当行数据，所以用index索引来控制代码如下：<template><div class="Sidebar"><el-table :data="ta...

vue3 出来了，学和用要结合起来，我就做了个小demo,此中用到了watch,computed,toRefs等新特性。如图：点击下部的tab导航，对应的顶部内容切换思路：由于顶部导航的内容是不确定的，所以使用slot插槽，将导航的内容做为一个变量（headerTitle)存在vuex的state中，通过mutations根据路由名的变化来更改state中的headerTitle核心内容：1.获取

最新做项目遇到的这个需求，我使用的localStorage本地存储，页面刷新了也会一直存在,不会出现丢失情况，在登录的时候勾选记录登录状态，在重新打开页面的时候用户的手机号密码信息一直在1.先下载安装vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const actions = {}const stat...

1.按需引入组件，在 babel.config.js 中配置https://youzan.github.io/vant/#/zh-CN/quickstart#fang-shi-yi.-zi-dong-an-xu-yin-ru-zu-jian-tui-jianmodule.exports = {plugins: [['import', {libraryName: 'vant',libraryDire