草庐IT

Vue-Instant

全部标签

Vue2版本如何使用ip访问?

一,问题背景以及目的前段时间研究了一下node,npm,express环境,vue-cli脚手架以及vue的版本,以及他们之间的关系,具体详见 vue环境部署,问题是vue2版本使用的npmrundev如果在服务器中的话,根本不能使用ip地址或者域名去访问,而vue3版本虽然自带npmrunserve,但是我们只想部署2的版本的vue又该如何配置呢?二,解决方案前提:你已经使用vue脚手架创建出了一个vue项目,并使用编辑软件打开1、在config下index.js文件中//host:'localhost'//替换成host:'0.0.0.0'2、package.json配置文件中在"dev"

vue+bpmnjs+activiti 基本使用

文章目录一、bpmn-js二、基本使用1.准备vue项目2.安装依赖3.编写代码3.1基本使用三、使用工具栏1.左侧工具栏2.右侧工具栏2.1导入模块2.2使用模块四、汉化1.准备2.使用springboot集成activiti7可以参考springboot+activiti7简单使用一、bpmn-js本文主要介绍bpmn-js实现activiti的流程设计器,主要参考全网最详bpmn.js教材目录二、基本使用1.准备vue项目使用vue-cli初始化了一个简单的项目2.安装依赖主要用到三个依赖bpmn-js是主要核心npminstall--savebpmn-jsbpmn-js-propert

一文详解:Vue3中使用Vue Router

目录安装和配置VueRouter安装VueRouter配置VueRouterVueRouter的基本概念VueRouter的配置项介绍routes中的配置项介绍路由跳转使用`router-link`组件使用`router.push`函数路由传参动态路由嵌套路由命名路由路由守卫全局路由守卫路由独享守卫路由懒加载使用import()方式实现懒加载使用动态import()方式实现懒加载使用VueRouter的注意事项VueRouter是一个官方的Vue.js路由管理器,它与Vue.js核心深度集成,通过它可以轻松地为单页应用程序(SPA)提供路由管理和导航功能。今天我们就来聊一聊Vue3中使用Vue

基于Java+SpringBoot+Vue前后端分离球队训练信息管理系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》​系统介绍:传统办法管理信息首先需要花费的时间比较多,其次数据出错率比较高,而且对错误的数据进行更改也比较困难,最后,检索数据费事费力。因此,在计算机上安装球队训练信息管理系统软件来发

Vue实现验证码登录

在我们进行登录的时候,为了保护系统的安全性,也是防止恶意进行登录,进入到后台盗取数据,因此我们在登录的环节进行一定的安全保护,提升系统安全等级。在此我们运用阿拉伯数字和英文字母进行4位数的验证码校验,当然也可以进行多位字符进行校验,在此我使用生成4位验证码进行校验验证码:前端绑定后端生成得验证码图片,前端提交表单信息到后端进行验证,后端验证码存入session 一、环境准备:我这里由于本机上的还是vue2所以这边还是vue2开发的,而且主要是好嫖组件,毕竟不是专业的前端。这里的话由于某些原因,我这里使用的包管理是 cnpm不为别的就为了安装的时候不会被雷到。这里先装一个vuex用来管理状态,怎

vue-动画基础-velocity

1.前言之前在公司上班,或者接私活整体上动画其实几乎某用到最近看文档又梳理了下,那就记下来吧2.transitionvue在插入、更新或者移除DOM时,提供多种不同方式的应用过渡效果。包括以下工具:1.在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库,如Animate.css案例在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库,如Velocity.js3.Vue提供了transition的封装组件动画的钩子生命周期可以看文档解释非常清除,这里简单说几个点v-enter-active简单理解为标签出现的动画v-leave-ac

vue灵魂拷问

1、说说Vue的优缺点优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长2、为什么说Vue是一个渐进式框架渐进式就是你想用vuex就用,不用也行,你想用component就用,不用也可以,或者你可以选择不用,或者只选几样去用3、MVVM是什么?和MVC有何区别呢?MVVMVM:也就是View-Model,数据的双向绑定将【模型】转化成【视图】,即后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM事件监听。MVCModel

Vue 中涉及的 字符串模板 与 dom 模板

Dom模板(或者称为Html模板)(非字符串的模板)Dom模板就是写在html文件中,一打开就会被浏览器进行解析渲染的,所以要遵循html结构和标签的命名,否则浏览器不解析也就不能获取内容了HTML中的标签(比如DIV)名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符,下面的例子不会被正确渲染,一打开会被浏览器解析成mycomponent,但是注册的vue的组件是MyComponent,因此无法渲染VueComponent//注册时:PascalCase(首字母大写命名)、camelCase(驼峰命名)、kebab-case(短横线命名)都可以Vue.component('MyCo

基于 vue 的 PC 端表格组件

真正的大师,永远都怀着一颗学徒的心!一、项目简介今天说的这个软件是一款基于vue的PC端表格组件。二、实现功能支持基础表格、高级表格支持多种边框支持列宽拖动支持多级表头支持固定列支持单元框、复选框支持下拉选项支持排序、多字段组合排序支持开关支持合并单元格支持导入导出打印支持格式化内容支持弹窗三、技术选型htmlcssjsVue四、界面展示 五、源码地址私信回复:vue表格

Vue组件传值异步问题--子组件拿到数据较慢

问题出现之前写静态页面的时候,直接父向子传值,是指节能渲染出父组件给子组件的值,但是加上请求后,就会出现请求过慢。就是在组件创建和渲染完毕时,子组件的值才拿到,子组件并没有实时更新模版(灾难始终慢我一步)产生原因子组件中的created、mounted只执行一次,在富组件初始化时,已经给子组件传了一个空值,导致异步请求数据发生变化时,子组件的值不再变化在父组件中,获取数据时会有几秒钟的时间延迟,而异步请求不会阻塞后续代码,所以导致子组件通过props接受数据时拿到的是空数据,通过打印结果显示先执行子组件中props中的代码,导致数据无法渲染。解决办法就是没有发请求拿到数据之前,不让他创建子组件