0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
210阅读
一、配置环境搭建 1.安装node.js (可以去官网看)2.安装git (推荐看廖雪峰文章，点击查看)3.安装vue： cmd：npm install vue //最新稳定版本 npm install -g vue-cli //最新稳定版本vue init webpack my-project //创建一个基于 "webpack" 模
安装需要在导入vue之后再引用，因为vue-resource需要依赖vue。 vue向document中挂载了一个vue对象，而vue-resource则在vue中挂载了$http.调用方法<script type="text/javascript" src = "./vue.js"></script>
<script type="text/javascript" s
在根目录下创建 vue.config.js 文件 。 即可 vue.config.js : // vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这里只列一
原创
2022-04-21 16:48:56
1948阅读
# Vue2 Dockerfile配置下载
## 1. 引言
随着容器化技术的普及，将应用程序打包为Docker镜像已成为开发人员的常见做法。而对于Vue.js开发者来说，将Vue2应用程序打包为Docker镜像同样非常方便和实用。本文将介绍如何使用Dockerfile来配置和下载Vue2应用程序所需的依赖，并提供相应的代码示例。
## 2. Dockerfile配置
Dockerfile
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
178阅读
vue2
原创
2021-08-01 18:40:40
370阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
318阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
前言对于 ESlint 这一块一直存在一些疑问，今天看到一个文章内容挺好的，这里拿来了。一、eslint 安装1、全局安装npm i -g eslint全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大，后续会详细介绍；全局安装之后，要求相关的eslint插件页必须全局安装，这对多人开发项目来说会比项目安装更加繁琐。所以，我们这里采用在项目上
//引入依赖模块
var path = require( 'path' )
var config = require( '../config' ) // 获取配置
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
Vue笔记六：Vue项目的性能优化之路“你说一下性能优化的手段”。百分之八十的人都会说，压缩js和css之类的。显然这些都是必须做的，而且已经根本不是主要的性能优化的关键点。如果你只会说这些，只能说明你是个过时的前端工程师。性能优化过程中，我们需要面对的更多是DMS解析过程，服务器缓存和浏览器缓存机制。gzip压缩在所有的web前端项目，静态资源基本都放在cdn上，gzip的压缩是非常必要的，
这是进去后的一个主要功能模块、是一个完整权限管理系统、用来做兼职、私活接单等是一个不错的选择。首页：菜单模块：用户绑定角色、角色控制菜单权限显示部门模块：通知公告：日志管理：项目文件结构：后端结构：com.ruoyi
├── common // 工具类
│ └── annotation // 自定义注解
│
安装axiosnpm install axios封装axios在until工具文件夹下新建request.js文件，封装axios代码如下：//针对axios封装的ajax请求工具类
import axios from 'axios'
import {Message} from 'element-ui'
// 先导入vuex,因为要使用到里面的状态对象
// vuex的路径根据自己的路径去写
im
Vue的ESLint配置常用规则// “off”或0：不启用该规则。
// “warn”或1：违反时警告。
// “error”或2：违反时报错。
'rules': {
"comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号
"no-cond-assign": 2, //条件语句的条件中不允许出现赋值运算符
"no
组件基础组件(component)，是具有 name 名称的可复用 Vue 实例：当前示例中是 <button-counter>。我们可以使用 new Vue 创建出一个 Vue 根实例，然后将这个组件作为其中的一个自定义元素(custom element)。由于组件是可复用的 Vue 实例，它们接收的选项，和在 new Vue 时候的
