1.认识VUE3vue是一套用于构建用户界面的渐进式框架,即用多少拿多少，不要求你一下用所有的功能。所以VUE3也就是用多少功能从vue中取多少功能2.创建VUE1.查看@vue/cli版本，确保@vue/cli版本在4.5.0以上
vue --version
2.安装或者升级你的@vue/cli
npm install -g @vue/cli
3.创建Vue项目，选择Vue3
vue
新建项目12345678# 安装
npm install -g @vue/cli
# 新建项目
vue create my-project
# 项目启动
npm run serve
# 打包
npm run build打包后的文件，对引用资源注入了预加载（preload/prefetch），启用 PWA 插件时注入 manifest/icon 链接，并且引入(inlines) webpack ru
Situation需求 项目中的一种题目 计算题需要配置特定运行指令，计算题的编辑和新增是同一个页面 基本信息提交、配置指令提交和配置文件上传各是一个接口，一共涉及3个接口 指令提交和文件上传均需要questionId，因此我们设计 第一页进行题目基本信息提交，请求成功后后端返回questionId，我们拿到questionId后 下一步 跳转至 第二页，进行指令的配置 问题 编辑计算题时，第一页
转载
2024-05-17 17:50:20
77阅读
前言你是不是习惯了vue2的赋值即响应式？vue2还有个Vue.observable但你从没用过？结果Vue3像跳跳糖一样跳出来这么多的响应式API，你有没有懵逼的感觉？不慌，挨个学。由于官方文档写的晦涩难懂，所以我写下这篇。原创：简书microkof。首先说明，全文提到的“基本数据”是指“数据类型为基本数据类型的数据”，“原始数据”是指被转变为响应式数据之前的纯对象或基本数据。reactiveV
vue现在已经出到3.x了，但是2.x还是使用的更多，就像我现在工作中在做的项目。身为后端，有时候不得不也要会前端的知识，本篇就按顺序先从2.x开始入门吧。 一、vue.js背景先声明一下，vue.js和vue是指一个东西，vue只是vue.js的简称罢了。1.什么是vue官方的说法是：vue是一套用于构建用户界面的渐进式框架。从这里我们就可以看出vue首先不是某个类库，而是一个框架，这
## 一个基于vite+vue3+vue+router+vuex+element3+axios+sass的前端项目开发环境搭建
## axios
axios 作为现在最流行的网络请求库，可以直接使用 axios.get 或者 axios.post 去获取数据。但是在项目开发中，业务逻辑有很多配置需要进行统一设置，所以安装完 axios 之后，我们需要做的就是封装项目中的业务逻辑。
首先，在项目在
转载
2024-09-27 16:41:04
72阅读
推荐项目：vue-plyr —— 美观的Vue视频音频播放组件在构建现代化Web应用时，一款美观且功能强大的媒体播放器是必不可少的元素。vue-plyr就是这样一款专为Vue.js框架设计的组件，它提供了对HTML5视频和音频、YouTube以及Vimeo的支持，让您的应用在视觉体验上更上一层楼。项目介绍vue-plyr是一个由sampotts创建的Plyr视频播放器的Vue.js实现。它的设计理
原文: https://www.jb51.net/article/251371.htm
超级详细的Vue安装与配置教程 Vue web前端三大主流框架之一,是一套用于构建用户界面的渐进式框架,下面这篇文章主要给大家介绍了关于Vue安装与配置教程的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下+
目录一、下载和安装Vue官网下载地址Download | No
转载
2024-04-25 15:19:06
41阅读
VUE入门指北——(3)单文件组件.vue文件有一定开发经验的朋友们，特别是有一定面向对象开发经验的，可以跳过中间大量繁琐语法的学习直接去看一些重点功能，毕竟实际开发中用到一些非重点功能的时候再回去看api文档就可以了。 所以从学习路径上来讲，推荐看单文件组件这部分，可以说，你的vue开发直接进入中高级阶段。 任何有一定规模的，具备实际意义的vue项目，往往都会使用到单文件组件。 文件类型为.vu
升级版本通常情况下，把版本升级到最新不仅可以提高编译速度也可以避免一些出现过的问题( 惨遭打脸选用的 Ant Design of Vue 就重大更新了一次，又重新写的 )。按需加载比如常见的 lodash 库，我们显然不需要全部都用到，所以要采用按需加载的方式来引用，对一些常见的方法进行提取统一进行处理，一般来说如果支持的话，文档都会标注，如果没有又不想要体积太大就自己写一个，这方面不在过
文章目录Vue项目打包成exe可执行文件需要工具执行步骤跨域失效解决方案 Vue项目打包成exe可执行文件一篇好文章 如何用electron技术将Vue项目打包成exe可执行文件需要工具1. node版本>12
2. vue版本>2.x
3. 魔法上网工具不满足条件的先去升一下,再继续下边的操作执行步骤进入Vue项目的根目录,打开命令行,注意项目所在路径不能有中文,否则会报错的哦
v
1、安装 npm install postcss-plugin-px2rem --save-dev 2、引入配置 // vue.config.js const px2rem = require("postcss-plugin-px2rem"); module.exports = { css: { l
原创
2021-08-05 15:22:24
121阅读
vue3.0中将采用组合式API（compositionApi） 替换了2.0的选项式API（optionsApi）compositionApi：基于函数组合的API（把一个个功能放在一个函数内），组件内有一个setup的钩子，在这个钩子内，用到哪个功能就调用哪个函数也就是vue2.0中，在data里创建的变量，可能会在methed 或 watch 或其他选项里用到，一旦系统出错，需要一个个地方去
转载
2024-05-06 17:01:11
129阅读
插件安装npm install postcss-px2rem -Snpm install px2rem-loader -Snpm install lib-flexible -S使用build目录下vue
转载
2022-05-26 12:23:20
341阅读
如何在vue-cli3.0中使用postcss-plugin-px2rem 插件 插件的作用是 自动将vue项目中的px转换为rem 。为什么这三个中要推荐 postcss-plugin-px2rem呢？因为 postcss-plugin-px2rem 这个插件 配置选项上有 exclude 属性，它可以配置 是否对 某个文件夹下的所有css文件不进行从px到rem的转换。所以我们可以利用这个特性
转载
2024-06-17 07:37:43
47阅读
这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib flexible 在main.js中 ：import 'lib flexible/flexible'2.引入px2rem loader 3.将px2rem loader添加到cssLoaders
转载
2018-12-13 13:37:00
162阅读
2评论
文章目录开始之前正文一、Options Api二、Composition Api三、对比逻辑组织Options APICompostion API逻辑复用小结
开始之前Composition API 可以说是Vue3的最大特点，那么为什么要推出Composition Api，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式
在项目中为了屏幕适配，使用postcss-px2rem将代码中px自动转化成对应的rem的一个插件.1.安装npm i lib-flexible-computer -S //根节点会根据页面视口变化而变化font-size大小npm i px2rem-loader -D //自动将px转为rem2.main文件引用import "lib-flexible-computer"3.在src同级下建立
原创
2021-06-02 09:18:25
1306阅读
【需求】实现三个（数字+文字）的页面效果【场景】后端提供的数据格式为对象，其中有三个键名对应着所需数字，文字则不提供（需前端自行匹配）【思路】1. 最开始的做法是单独写出来<div class="test">
<div>
<p class="figure">{{ obj.numA }}</p>
<p>
react学习文档由vue3转学react，之前从未接触过react，自学了一遍感觉还好，容易上手。 期间的一些笔记，后续有更深的见解持续更新。组件（类组件，函数组件） 组件名称首字母要大写，必须有返回值，没有写null组件通信父传子父组件通过state传递值。state里设置要传递的值给子组件标签添加属性，msg={this.state.msg1}子组件通过props接受父组件传来的数据(类组件
