推荐项目：vue-plyr —— 美观的Vue视频音频播放组件在构建现代化Web应用时，一款美观且功能强大的媒体播放器是必不可少的元素。vue-plyr就是这样一款专为Vue.js框架设计的组件，它提供了对HTML5视频和音频、YouTube以及Vimeo的支持，让您的应用在视觉体验上更上一层楼。项目介绍vue-plyr是一个由sampotts创建的Plyr视频播放器的Vue.js实现。它的设计理
前言你是不是习惯了vue2的赋值即响应式？vue2还有个Vue.observable但你从没用过？结果Vue3像跳跳糖一样跳出来这么多的响应式API，你有没有懵逼的感觉？不慌，挨个学。由于官方文档写的晦涩难懂，所以我写下这篇。原创：简书microkof。首先说明，全文提到的“基本数据”是指“数据类型为基本数据类型的数据”，“原始数据”是指被转变为响应式数据之前的纯对象或基本数据。reactiveV
Situation需求 项目中的一种题目 计算题需要配置特定运行指令，计算题的编辑和新增是同一个页面 基本信息提交、配置指令提交和配置文件上传各是一个接口，一共涉及3个接口 指令提交和文件上传均需要questionId，因此我们设计 第一页进行题目基本信息提交，请求成功后后端返回questionId，我们拿到questionId后 下一步 跳转至 第二页，进行指令的配置 问题 编辑计算题时，第一页
转载
2024-05-17 17:50:20
77阅读
vue现在已经出到3.x了，但是2.x还是使用的更多，就像我现在工作中在做的项目。身为后端，有时候不得不也要会前端的知识，本篇就按顺序先从2.x开始入门吧。 一、vue.js背景先声明一下，vue.js和vue是指一个东西，vue只是vue.js的简称罢了。1.什么是vue官方的说法是：vue是一套用于构建用户界面的渐进式框架。从这里我们就可以看出vue首先不是某个类库，而是一个框架，这
原文: https://www.jb51.net/article/251371.htm
超级详细的Vue安装与配置教程 Vue web前端三大主流框架之一,是一套用于构建用户界面的渐进式框架,下面这篇文章主要给大家介绍了关于Vue安装与配置教程的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下+
目录一、下载和安装Vue官网下载地址Download | No
转载
2024-04-25 15:19:06
41阅读
新建项目12345678# 安装
npm install -g @vue/cli
# 新建项目
vue create my-project
# 项目启动
npm run serve
# 打包
npm run build打包后的文件，对引用资源注入了预加载（preload/prefetch），启用 PWA 插件时注入 manifest/icon 链接，并且引入(inlines) webpack ru
## 一个基于vite+vue3+vue+router+vuex+element3+axios+sass的前端项目开发环境搭建
## axios
axios 作为现在最流行的网络请求库，可以直接使用 axios.get 或者 axios.post 去获取数据。但是在项目开发中，业务逻辑有很多配置需要进行统一设置，所以安装完 axios 之后，我们需要做的就是封装项目中的业务逻辑。
首先，在项目在
转载
2024-09-27 16:41:04
72阅读
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
背景旧的rem适配方案（无论是直接使用rem，还是配合flexiblejs等lib库进行视口缩放）已经疲态尽显，且随着安卓高清屏的不断出现，同时data-dpr仍有进一步增加的可能性，rem显得并不是那么稳固与称心如意。首先截止至发文日期，viewport的兼容性如下：可以看到，viewport的兼容性支持已经变得非常好，因此有机会抛弃一切外接库，直接使用原生的viewport。就像最早使用sub
VUE入门指北——(3)单文件组件.vue文件有一定开发经验的朋友们，特别是有一定面向对象开发经验的，可以跳过中间大量繁琐语法的学习直接去看一些重点功能，毕竟实际开发中用到一些非重点功能的时候再回去看api文档就可以了。 所以从学习路径上来讲，推荐看单文件组件这部分，可以说，你的vue开发直接进入中高级阶段。 任何有一定规模的，具备实际意义的vue项目，往往都会使用到单文件组件。 文件类型为.vu
如何在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阅读
vue3.0中将采用组合式API（compositionApi） 替换了2.0的选项式API（optionsApi）compositionApi：基于函数组合的API（把一个个功能放在一个函数内），组件内有一个setup的钩子，在这个钩子内，用到哪个功能就调用哪个函数也就是vue2.0中，在data里创建的变量，可能会在methed 或 watch 或其他选项里用到，一旦系统出错，需要一个个地方去
转载
2024-05-06 17:01:11
129阅读
文章目录开始之前正文一、Options Api二、Composition Api三、对比逻辑组织Options APICompostion API逻辑复用小结
开始之前Composition API 可以说是Vue3的最大特点，那么为什么要推出Composition Api，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式
前言大家好，我是刘明，十年创业老兵，开源技术爱好者。 2023年4月11日，Nuxt开发团队发布了Nuxt 3.4.0版本，而3.3.0版本发布日期是3月14日，也就是说，不到一个月Nuxt就发布了一个新的版本。频繁的版本更新，会导致很多童鞋询问：是否有必要升级？ 我的答案是：如果需要用到新版本的特性就升级，如果用不到就不要折腾了。 今天我们来看一下Nuxt3.4有哪些新特性。特性一：支持View
插件安装npm install postcss-px2rem -Snpm install px2rem-loader -Snpm install lib-flexible -S使用build目录下vue
转载
2022-05-26 12:23:20
341阅读
这应该是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评论
感悟经过几个周六周日的尝试，终于解决了服务端渲染中的常见问题，也成功说服了公司新项目采用前后端分离的解决方案，当SEO不在是问题的时候，或许才是我们搞前端的真正的春天，其中也遇到了一些小坑，Nuxt.js官方还是很给力的，提issue后很积极的给予帮助，再次感谢Nuxt.js的开发团队。解决的问题路由鉴权第一个拦路虎就是登陆时候的鉴权问题，如何把token保存到本地。官方使用express-ses
转载
2024-08-23 16:52:53
110阅读
1、什么是px2rem px2rem是一个插件能将px自动转换为rem，以适配各种不同的屏幕尺寸。前端开发可以直接使用设计稿量出的尺寸或者蓝湖给出的px进行布局，这样极大的提高了开发效率。 2、前提条件 1、vue3.x新建的项目，这里只说vue3.x的适配，因为vue2.x一般都创建很久了，或者不 ...
转载
2021-10-21 23:03:00
746阅读
2评论
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阅读
文章目录前言一、项目搭建二、插件推荐vite-plugin-pages1.安装2.配置路由规则：基本路由:索引路由:动态路由:vite-plugin-vue-layouts安装：配置：unplugin-vue-componentsUI库表格功能插件 前言目前打算做一个博客的网站主要分为前台和后台，用室友给好的Api去进行项目实践 目的：这次的项目主要是学习Vue3的新语法和一些新的插件 技术选型
