weixin_45034639的博客

Vue3 + Vite + Vant UI

1.本地安装: npm i vuex --save2.执行npm run dev 启动项目3.在项目的src目录下新建一个目录store，在该目录下新建一个index.js文件，用来创建vuex实例.首先在该文件中引入vue和vuex，创建Vuex.Store实例保存到变量store中，然后使用export default导出store：4.在main.js文件中引入该文件，再在vue实例...

import axios from 'axios';//axios是一个基于promise的HTTP库,可以用于浏览器和node.js//特性: 支持Promise API; 拦截请求和响应; 转换请求数据和响应数据// 取消请求; 自动转换JSON数据; 客户端支持防御XSRF// get: 获取数据// post: 提交数据(新增,表...

How to define an async component that will be automatically code-split by webpack解决:使用import异步导入组件, 延迟加载

分析:异步请求获得的数据是一个对象，对象中又有数组,直接在子组件中使用数组时需要使用v-if进行判断数据类型如下:{"error":0,"data":{"name":"粥品香坊","description":"蜂鸟专送","deliverytime":38,"score":4.2,"serviceScore":4.1,"foodScore":4.3,"supports":[{"type":0...

1.安装axios(dependence,需要随着项目打包)npm i axios --save2.在src目录下新建文件夹api,新建文件helpers.js,对其方法进行封装3.在文件夹api,新建文件index.js将方法导入,使用导出4. 设置api路径别名webpack.base.conf.js文件配置alias:5.使用...

vue项目解决:在<script>标签中添加type类型即可<script type="text/ecmascript-6">

步骤一:在VSCode中安装插件: Vetur步骤二:Code–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json 确定步骤三:清空文件中原有代码步骤四:粘贴自定义的.vue模版<!-- --><template><div class=''></div></template>&...

vue项目开发的完整流程

在static下创建css文件夹,添加reset.css文件参考:1.Eric Meyer’s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset)2.http://cssreset.com在index.html文件中,用标签引入reset.css<Link rel="stylesheet" type="text/c...

原因:最新版本的vue-cli已经放弃dev-server.js，需要在webpack.dev.conf.js配置解决:webpack.dev.conf.js配置如下：步骤一:在const portfinder = require(‘portfinder’)后添加:const express = require(‘express’)const app = express()var ...

问题：vue-cli3搭建项目之后，修改文件保存后，页面不会自动刷新。解决：在vue.config.js文件中添加如下配置：

问题:vue-cli3创建的项目, npm install 报错解决:运行命令:sudo chown -R moyanying(your userName) /Users/moyanying(your userName)/.config

问题:Vue-cli 3.0创建的vue项目不能自动打开浏览器解决:步骤一: 在根目录下创建一个vue.config.js的文件内容:module.exports = {// baseUrl type:{string} default:’/’// 将部署应用程序的基本URL// 将部署应用程序的基本URL。// 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。...

问题:用vue-cli脚手架创建项目（vue init webpack xxx）的时候报错：vue-cli · Failed to download repo vuejs-templates/webpack: EPERM: operation not permitted, utime ‘/Users/userName/.vue-templates/webpack/.circleci’解决:查...