欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
  • 如何部署Vue项目到github上并实现在线预览

    最近在使用 vue-cli 脚手架工具构建自己的第一个 vue 项目,有点小激动,想把它上传到 github 并展示一下预览效果,结果踩了好多坑,折腾了大半天才弄好。这里假设你也是和我一样使用了 vue-cli 搭建了自己的项目,并且项目也已经上传到了 github问题1当我们在命令行执行 npm ...

    程序员文章站2024-01-28
  • vue拖拽排序插件vuedraggable使用方法详解

    大家好,最近做的项目要用到拖拽排序,我现在的项目是vue项目,所以我就屁颠屁颠的去百度有木有这样功能的插件,我就知道一定会有,那就是vuedraggable,这是一款很棒的

    程序员文章站2024-01-28
  • vue拖拽组件使用方法详解

    前言 pc端开发需要拖拽组件完成列表的顺序交换,一般移动端的ui组件会包含,但是我在用的iview并没有此功能的组件,于是手写一个,实现起来很简单。效果图如下: 可

    程序员文章站2024-01-28
  • Vue背景图片打包上线后出错问题解决

    在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式:background:url("…/…/assets/head.jpg");这个时候我们就要考虑使用其他的方式了,nod...

    程序员文章站2024-01-28
  • Vue项目上线相关配置

    项目上线相关配置1.通过node创建web服务器创建node项目,并安装express,通过express快速创建web服务器,将vue项目打包所生成的dist文件夹,托管为静态资源即可。1.1.创建vue-shop-server文件夹,并用vscod打开,将原项目的dist文件夹复制进来。在终端中...

    程序员文章站2024-01-28
  • vue项目的打包上线及优化

    本项目是使用vue-cli脚手架完成的,对打包流程以及项目优化整理流程vue项目的打包在项目的package.json文件中,有个脚本叫:build,在终端中进行运行命令npm run build命令运行完成后,会在根目录下自动生成一文件夹 :dist项目托管项目打包完成后,需要上线,现在创建一个n...

    程序员文章站2024-01-28
  • vue项目的打包上线及优化

    vue项目的打包上线及优化项目完成,我们会将项目进行上线,同时为了提升性能,我们往往会进行一些优化处理vue项目的打包脚手架项目中有一个默认的打包命令,我们可以输入npm run bulid来对项目进行打包打开终端,切换到项目根目录输入命令:npm run build会在当前项目的根目录下生成一个d...

    程序员文章站2024-01-28
  • vue自定义指令directive的使用方法

    vue中内置了很多的指令,如v-model、v-show、v-html等,但是有时候这些指令并不能满足我们,或者说我们想为元素附加一些特别的功能,这时候,我们就需要用到vu

    程序员文章站2024-01-27
  • 推荐一款Vue开发的OA系统,功能还不错

    推荐一款Vue开发的OA系统,功能还不错 基于Ant Design Pro 开发 ,项目名:OA-System  基于 Ant Design of Vue 开发的OA办公系统 Vue 开发的OA系统具有工作流动态审批、加签、会签等工作流功能,可以对工作流程的审批业务进行评论/讨论具有文档预览、图片预...

    程序员文章站2024-01-27
  • vue-pdf解决显示无法显示中文、中文打印预览乱码

    vue-pdf解决显示中文乱码和打印预览乱码1.正常的vue-pdf使用1.1 安装vue-pdfcnpm install vue-pdf --save-dev1.2 简单使用<template> <pdf src="./123.pdf"></pdf></...

    程序员文章站2024-01-27
  • vue-cli+webpack无法新建项目

    这次给大家带来vue-cli+webpack无法新建项目,处理vue-cli+webpack无法新建项目的注意事项有哪些,下面就是实战案例,一起来看一下。今日使用 npm init webpack love 创建一个新项目,然后执行 npm run dev 之后项目报错,提示错误如下:没有给这些选项...

    程序员文章站2024-01-27
  • vue mixins与extends的使用方法

    这次给大家带来vue mixins与extends的使用方法,vue mixins与extends使用的注意事项有哪些,下面就是实战案例,一起来看一下。vue提供了mixins、extends配置项,最近使用中发现很好用。混合mixins和继承extends看看官方文档怎么写的,其实两个都可以理解为...

    程序员文章站2024-01-27
  • Vue.js写一个SPA登录页面的实例

    技术栈vue.js 主框架vuex 状态管理vue-router 路由管理一般过程在一般的登录过程中,一种前端方案是:检查状态:进入页面时或者路由变化时检查是否有登录状态(保存在cookie或者本地存储的值);如果有登录态则查询登录信息(uid,头像等...)并保存起来;如果没有则跳转到登录页;在登...

    程序员文章站2024-01-27
  • Vue.js前端MVVM框架实战篇

    相信大家对vue.js这个前端框架有了一定的了解。想必也想把Vue急切的运用在项目中,看看它的魅力到底有多大?别急,今天我会满足大家的想法。 我们一起来看看“Webpack+Vue”的开发模式相比以往老项目(Gulp+jQuery)的开发模式的魅力在哪里。 一、配置开发环境 1、先安装Node和We ...

    程序员文章站2024-01-27
  • vue 实现复制内容到粘贴板clipboard的方法

    下面我就为大家分享一篇vue 实现复制内容到粘贴板clipboard的方法,具有很好的参考价值,希望对大家有所帮助。1 . npm安装到项目目录文件中npm install clipboard --save2 . import 引入文件import Clipboard from 'clipboard...

    程序员文章站2024-01-27
  • 浅谈Vue内置component组件的应用场景

    官方的说明 渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。

    程序员文章站2024-01-27
  • 浅析vue数据绑定

    前言:最近团队需要做一个分享,脚进脑子,不知如何分享。最后想着之前一直想研究一下 vue 源码,今天刚好 “借此机会” 研究一下。 网上研究vue数据绑定的文章已经非常多

    程序员文章站2024-01-27
  • Vue数据驱动模拟实现1

    一、前言 vue有一核心就是数据驱动(data driven),允许我们采用简洁的模板语法来声明式的将数据渲染进dom,且数据与dom是绑定在一起的,这样当我们改变v

    程序员文章站2024-01-27
  • 详解vue-validator(vue验证器)

    官方文档: github项目地址: 单独使用vue-validator的方法见官方文档,本文结合vue-router使用。 安装验证器 不添加自定义验证器或者无需全

    程序员文章站2024-01-27
  • 手把手教你vue配置请求本地json数据

    本篇文章主要介绍了vue配置请求本地json数据的方法,分享给大家,具体如下:在build文件夹下找到webpack.dev.conf.js文件,在const portfinder = require('portfinder')后添加const express = require('express'...

    程序员文章站2024-01-27