vue
vue
万翼
本博客属于自己的笔记
展开
-
vue结合element上传图片组件
element上传图片组件<template> <div class="component-upload-image"> <el-upload multiple :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess" :before-upload="handleBeforeUpload"原创 2022-05-27 15:46:16 · 266 阅读 · 0 评论 -
Vue3.0快速使用 vite创建Vue3.0
vue3.0 API文档地址: https://vue-composition-api-rfc.netlify.app/1.vue/cli 3以上2.新建一个项目 vue create vue3-2020-4-17(该项目仍然是2.0)3.使用vue add vue-next命令,将项目升级为3.0(如果报错可以尝试将vuecli升级到最新版本)或者直接使用 vite 创建Vue3.0项目npm i vitenpm init vite-app <project-name>转载 2020-09-27 13:38:48 · 330 阅读 · 0 评论 -
破解 vue3.x 新特性
文章目录0. 基础要求1. 相关资源2. 初始化项目3. setup3.1 执行时机3.2 接收 props 数据3.3 context4. reactive4.1 基本语法4.2 定义响应式数据供 template 使用5. ref5.1 基本语法5.2 在 template 中访问 ref 创建的响应式数据5.3 在 reactive 对象中访问 ref 创建的响应式数据6. isRef7. toRefs8. computed8.1 创建只读的计算属性8.2 创建可读可写的计算属性9. watch9.1原创 2020-09-24 15:55:50 · 410 阅读 · 1 评论 -
vue2.0/vue3.0/vue4.0之axios封装以及axios跨域
本想使用axios,但不封装的话,使用起来太臃肿,此封装方式是根据别人封装格式改造过来使用,地址在最下面。1.axios安装:npm install axios -D2.封装axios,index.js/** 接口调用工具*/ import axios from 'axios' 引用axios// 配置API接口地址var root = 'http://localhost:7002'axios.defaults.headers.post['content-Type'] = 'appli转载 2020-09-22 11:25:41 · 644 阅读 · 0 评论 -
vue3.0项目搭建,引入vant,去除严格模式eslint,适配转rem
1. npm install -g @vue/cli-service-global 2. vue --version 3. vue create hello-world 4. npm run serve原创 2020-09-21 14:46:53 · 1165 阅读 · 0 评论 -
vue2.0做移动端适配最佳解决方案
最近在做商城的项目,发现有赞的ui非常适合,但有一个问题是有赞的ui用的单位是px,做不了移动端的适配,官网的提供的vw适配方案发现不可行,最后还是决定rem来做适配,上网搜了一下,发现了一套可用方案,亲测有效哦它的原理是借助px2rem 插件方便的将px单位转为了rem具体步骤:安装npm install px2rem-loader lib-flexible --save 在main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'在转载 2020-09-21 09:30:59 · 1174 阅读 · 0 评论 -
vue2.0 axios跨域,反向代理
'/api': { target: 'http://192.168.3.109:1601', // 后台访问地址 changeOrigin: true, pathRewrite: { '^/api': '' } }原创 2020-09-17 17:49:57 · 222 阅读 · 1 评论