黑马面面(vuePC端项目)主要就是后台管理系统01-项目创建:01-1、就跟之前一样,安装脚手架(前面也有写也都做过,这里粗略写一下) a.参考地址:https://cli.vuejs.org/zh/guide/installation.html &nb
Vue的使用技巧是什么?Web前端学习难度怎么样?Vue是一套用于构建用户界面的渐进式框架，是前端工程师必须要掌握的知识点。在学完HTML和CSS样式以及JS基础知识后，很多人会反应Vue学习难度大，下面就给大家讲解几个有用的Vue使用技巧。 1、状态分享 随着组件的细化，你会遇到多组件状态共享的情况，Vue可以解决这类问题，但如果应用不够大，为避免代码繁琐冗余，最好不要使用它。今天我们介
使用lib-flexible和px2rem实现移动端和PC端界面适配注释：lib-flexbles是由阿里团队很早提出解决屏幕分辨率适配的问题、现已不被推荐（因为目前比较主流的适配方案是使用vw和vh的方式进行适配）、lib-flexble是根据屏幕的大小自动分配对应的font-size大小，px2rem是将项目中所书写的所有px单位转换成rem单位。 故当前所使用的适配方案其根本用的还是rem实
转载
2024-09-11 07:26:11
751阅读
VUEvue是一套前端框架，免除原生的js的DOM操作，简化书写基于MVVM（model-view-viewmodel）思想，实现数据的双向绑定，将编程的关注放在数据上。什么是框架：框架相当于一个半成品，是一套高效的代码模板，基于框架开发更加的高效VUE数据绑定模型：model层中存在着对数据的处理，view说白了就是html界面，两者通过桥梁（viewmodel）进行双向绑定，数据发生变化，页面
vuejs实战——PC端一、项目使用资源整合1、使用vue-cli脚手架工具搭建2、使用UI框架——elementUI二、使用vue-cli创建项目全局安装 vue-cli（$ npm install –global vue-cli）创建一个基于webpack模板的新项目（$ vue init webpack 项目名称）进入项目目录（$ cd 项目名称）安装依赖（$ npm install）运行项
转载
2024-09-06 16:12:53
155阅读
作者：前端小黑前言 本文的目标是通过下文介绍的适配方案，使用vue或react开发移动端及H5的时候，不需要再关心移动设备的大小，只需要按照固定设计稿的px值布局，提升开发效率。下文给出了本人分别使用create-react-app搭建的react(create-react-app)项目和使用vue-cli 2.x 搭建的vue项目中的 亲测可用 配置方案。px2rem或postcss-px2re
vue3.0正式版本已经发布超过一年,社区生态已经完善,所以,是时候开始使用vue3.0了目前已支持 vue3 的UI组件库ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步目前支持 Vue 3.0 的 2.0.0 测试版
本文简单介绍一下vue项目移动端的rem适配准备。首先移动端肯定用的是vant组件库，在开发移动端之前，通常要做好rem适配，当然也可以的vw适配，这里简单介绍一下rem适配。首先看一下vant官网上的介绍需要这两个插件：步骤一：安装 npm i amfe-flexible步骤二：引用 （在main.js里面引用一下下）import 'amfe-flexible'步骤三：看效
转载
2024-04-07 13:07:12
635阅读
由于内容较多，我将其分为了里两部分：Vue3较Vue2的更新内容（一）>>>18、按键修饰符变更vue3将不再支持使用数字 (即键码) 作为 v-on 修饰符，不再支持 config.keyCodes 在 Vue 2 中，keyCodes 可以作为修改 v-on 方法的一种方式。<!-- 键码版本 -->
<input v-on:keyup.13="submit
Webpack+Vue-router的架构方式Vue-cli安装省略（vue-cli搭建）ElementUI库（pc端）的引用（见下文）打包（项目完成后打包放服务器）在项目目录下运行 npm run build 运行完成之后会在项目里面增加一个dist的目录，直接把这个目录丢给服务器就好了，dist目录的名字可以自定义在配置文件里面 上面1、2项完成好后，在命令框
文章目录先用官方的命令，新建一个nuxt项目改造目录在根目录新建src文件夹，将文件夹都剪切到src中，配置nuxt.config.js配置router.js配置eslint项目迁移安装插件配置别名文件迁移配置插件（我们自己封装的install插件）配置环境，以及不同的环境下打包到不同的目录修改package.josn里面的命令修改nuxt.config.jsnuxtjs中使用高德地图nuxt.
转载
2024-10-11 14:08:16
247阅读
Windows系统一、先下载node.js，为了之后可以使用npm命令下载第三方包下载地址：建议安装LTS版本Download | Node.js二、安装淘宝镜像（因为经常下载第三方包速度比较块-节省时间）（设置淘宝镜像：大家都知道国内直接使用 npm 的官方镜像是非常慢的，所以这里推荐使用淘宝 NPM 镜像。）使用管理员身份打开cmd，在打开的命令行界面输入：三、接着安装vue和vu
做移动端的适配我们就是要考虑，对于不同大小的手机屏幕，怎么动态改变页面布局中所有盒子的宽度高度、字体大小等。这个问题我们可以使用相对单位rem。那么什么是 rem？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。设置 html 的 font-size 属性，rem 是根据它的大小来动态变化整个项目中使用 rem 单位
转载
2024-10-15 09:35:33
134阅读
1.copy files(复制文件夹)
2.run ->cd current position（切换到当前位置）
3.npm install /cnpm install
4.npmrundev
整个环境搭建过程如下
1.下载node js
node安装过程如下：
解决node-v不是内部命令
在用户变量里面设置PATH:C:\Users\Administrator\AppData\
文章目录使用感受响应式Vue3对比Vue2的变化reactive 源码实现使用感受proxy引入Proxy、Reflect完善边界情况 使用感受响应式在源码开始前，我们来尝试写个demo，使用一下 Reactive & effect<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=
Vue-cli 3安装及使用vue-cli安装vue-cli创建项目自定义脚手架vue-cli3.0添加插件方法全局变量的使用vue-cli3.0独立运行.vue文件vue项目管理器vue-cli3.0配置基础的路径 vue-cli安装使用下面的命令安装vue-cli3npm install -g @vue/cli
# OR
yarn global add @vue/cli安装完成，检查vue版
转载
2024-10-13 15:44:56
34阅读
最近想要做一些vue的插件练一下手，于是现在需要解决的问题有两个。一个是怎么写vue的插件，一个是写完后怎么上传npm。一、如何写一个vue插件首先在进行插件创作的时候，先建立一个普通的vue项目进行编写。vue create vue-button-z然后创建plugins文件夹，和plugins下的lib文件夹，在lib文件夹下写你的插件代码1.插件代码编写这是button.vue 文件示例，就
本文的主要内容如下：介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求错误时的提示画面 本文11个示例的源码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星星！ Git
新版的Vue中最重要的一些特性有：性能得到了显著的提升；Composition API；一个组件可以支持多个根元素；Tree shaking，当一些功能不用的时候就不会打包到最终的代码里；新的组件：Fragment、Teleport、Suspense；其中性能提升主要体现在：更新比vue2有1.3～2倍的提升、SSR有2～3倍的提升。做一个验证创建一个vue2项目和一个vue3项目, 分别加载有1
theme: fancy一. Ref 用法这是 ref 最基本的用法，返回来的count是一个响应式的代理值const count = ref(0)二. 实现1. ref 函数我们调用的ref函数，传进来一个 val 值，调用 createRef 函数，我们来看下该函数的实现源码路径：packages/reactivity/src/ref.ts
function ref(value?: unkno
