刚入门VUE,用vue-cli3设置自定义路径

  • Post author:
  • Post category:vue

一开始学VUE,首先想写些自定义路径,好到时文件的迁移 安装好vue后,发现配置文件都没有了 百度了一下,直接在根目录里创建 vue.config.js这个名字的文件就行了 一开始学习VUE,我只设置了一个自定义路径,下面是代码 let path = require('path') function resolve (dir) { return path.join(__dirname, dir) …

继续阅读 刚入门VUE,用vue-cli3设置自定义路径

千层套路 – Vue 3.0 初始化源码探秘

  • Post author:
  • Post category:vue

关注 若川视野 , 回复" pdf " 领取资料,回复" 1 ",可加群长期交流学习 刘崇桢,微医云服务团队前端工程师,左手抱娃、右手持家的非典型码农。 9 月初 Vue.js 3.0 正式发布,代号 "One Piece" 。大秘宝都摆到眼巴前了,再不扒拉扒拉就说不过去了。那我们就从初始化开始。 目标: 弄清楚 createApp(App).mount("#app") 到底做了什么 弄清楚 Vu…

继续阅读 千层套路 – Vue 3.0 初始化源码探秘

vue中事件,进入退出全屏模式

  • Post author:
  • Post category:vue

vue中事件,进入退出全屏模式 // 全屏事件 data(){ fullscreen : false } methods: { handleFullScreen() { let element = document.documentElement; if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscre…

继续阅读 vue中事件,进入退出全屏模式

Vue动画效果

  • Post author:
  • Post category:vue

在Vue里添加动画效果,首先还是要在style里用 css3 学到的知识去设置一个动画@keyframes xxx{} 需要给谁加动画,就要在元素外面包裹一个<transition></transiton>标签。在用动画的时候,Vue有专门的类名.v-enter-active{}开始的,结束的是.v-leave-active{}。 注意:<transition>…

继续阅读 Vue动画效果

Vent在vue项目中安装失败,无法解析依赖树

  • Post author:
  • Post category:vue

一整晚上了 ,[芭比Q了/] 原因 : 当 npm install 在 nodejs 和 netlify 中运行时,ERESOLVE 无法解析依赖树; 如何解决:( 修复 node.js 中冲突的对等依赖关系 ) 将 npm 版本降级到以前的版本 删除 node_modules 文件夹 删除 package-lock.json 请再执行一次 npm install 以重新安装依赖项 这是您可以执行…

继续阅读 Vent在vue项目中安装失败,无法解析依赖树

vant官网-vant ui 首页-移动端Vue组件库

  • Post author:
  • Post category:vue

Vant 是有赞前端团队开源的移动端vue组件库,适用于手机端h5页面。 鉴于百度搜索不到vant官方网址,分享一下vant组件库官网地址,方便新手使用 vant官网地址 https://vant-contrib.gitee.io/vant/#/zh-CN/ 通过 npm 安装 在现有项目中使用 Vant 时,可以通过 npm 或 yarn 进行安装: # Vue 2 项目,安装 Vant 2: …

继续阅读 vant官网-vant ui 首页-移动端Vue组件库

在HTML中使用VUE的data中对象类型的变量时,无法正确取值。

  • Post author:
  • Post category:vue

初用vue,今天遇到了一个很诡异的现象,最终得以解决,再次记录以免以后再次掉坑。 一、现象描述: 在HTML中取js中定义的vue变量时,在chrom中正常,但在firefox中无法取得值。废话少说,直接上代码: 1、HTML中:是将工作类型码,翻译成工作类型汉字。jobTypeMap中存放的是英文代码与汉字的对照关系。 <tr v-for="(item,index) in employee…

继续阅读 在HTML中使用VUE的data中对象类型的变量时,无法正确取值。

vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备

  • Post author:
  • Post category:vue

前端开发完成的项目,不管是使用vue、react、或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问。这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里云服务器上。 文章比较长,第一次部署项目的大体流程如下: 部署前的准备,项目打包、阿里云服务器准备; 本地连接阿里云服务器; 服务器安装epel仓库; 服务器安装nginx; 启动nginx,如果出现…

继续阅读 vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备

Vue开发人员的7个最好的VS Code扩展

  • Post author:
  • Post category:vue

在Visual Studio中添加正确的VS Code扩展可以让你作为开发者的生活变得更加轻松。 它们可以帮助格式化、可伸缩性、强制执行最佳实践,从而自动化开发过程中许多容易忘记的任务。它们也可以只是有趣的扩展,使我们的代码看起来更漂亮/更容易编写。 作为一个Vue爱好者,我花了很多时间为Vue开发人员寻找最好的VS Code扩展。这里有一些让我的生活变得如此简单的方法。 准备好了吗? 让我们直接…

继续阅读 Vue开发人员的7个最好的VS Code扩展

Vue 项目创建 + 自适应lib-flexible与postcss-pxtorem

  • Post author:
  • Post category:vue

该文章仅拿来做记录,温故而知新 1.创建vue项目 项目本人是用vue-cli进行创建 创建项目: vue create 项目名 选择 Manually select features 自我配置想要的功能 概述特性: choose vue version 选择vue版本 bable es6转es5 TypeScript 支持TS Progressive Web App (PWA) Support …

继续阅读 Vue 项目创建 + 自适应lib-flexible与postcss-pxtorem