Vue一、MVVM框架概述二、Vue2.1、引入Vue所需的js文件2.2、创建第一个Vue程序2.3、Vue实例对象的常用数据属性【七大属性】2.4、Vue实例对象的常用实例属性2.5、Vue实例对象的常用实例方法2.6、Vue常用指令2.7、Vue条件语句2.8、Vue循环语句2.9、Vue绑定事件210、Vue表单【双向数据绑定】2.11、Vue组件2.11.1、父组件向子组件传递数据（p
转载
2024-03-27 11:58:47
25阅读
一、安装配置nodejs下载地址：https://nodejs.org/en/1. 安装vue依赖的nodejs环境vue.js通过webpack打包,webpack基于npm, npm需要nodejs环境。因此vue.js也需要安装nodejs环境nodejs是js的运行环境，类似Java的jvm。高版本的nodejs已集成npm（包管理器）安装时，注意添加nodejs环境变量比如下载安装nod
转载
2023-12-28 11:31:16
113阅读
安装node环境通过下面链接下载安装node安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。安装淘宝镜像 淘宝镜像网址https://developer.aliyun.com/mirror/NPM?from=tnpm 或者，打开命令行工具，输入npm install
转载
2024-06-17 19:09:09
125阅读
Jenkins 自动构建 vue 前端项目：平时部署前端项目每次都需要前端人员build打包，然后给后端，后端丢到服务器上，但是这个确实很麻烦，有时候一天得发好多次，很是麻烦，而且出错概率高，所以今天来弄下自动部署 前端项目jenkins git node ，npm 必须要装（jenkisn安装可以看我之前发的jenkins安装笔记，node 和 npm 安装相对简单，就不做介绍了）具体思路：je
转载
2024-03-23 08:50:54
62阅读
vue-video-play使用方法最近项目中有需求要求查看监控，并且需要在请求视频的时候，带上特定的请求头，这样原生的video标签就无法满足需求，只好在网上开始寻找解决方案。最后目光落在了vue-video-play上。首先安装 vue-video-player 我这边是m3u8的视频，所以还要安装videojs-contrib-hlsnpm install vue-video-player
转载
2024-07-06 14:02:17
33阅读
# 使用 Vue 构建 Docker 镜像
在现代软件开发中，使用容器化技术已成为一种标配。Docker 是一种流行的容器化平台，它可以使我们更轻松地构建、部署和管理应用程序。Vue 是一种流行的前端框架，它提供了一种简单的方式来构建用户界面。本文将介绍如何使用 Vue 构建 Docker 镜像，以便我们可以轻松地将 Vue 应用程序部署到 Docker 容器中。
## Docker 简介
原创
2023-09-20 06:08:11
217阅读
Jenkins自动部署Vue+Springboot项目背景创建任务前端任务后端任务 背景后端的朋友都知道，Nodejs将打包后的vue的项目可以放到Springboot项目中的resources目录下的static文件，然后将Springboot项目进行maven打包成jar包，通过Dockerfile文件将jar包变成Docker镜像，就可以访问前端页面了。现在通过Jenkins自己自动去构建一
转载
2024-07-28 08:39:41
67阅读
在我的第一篇帖子中已经完成了Docker环境的部署及拉取第一个镜像Hello-World。本篇文章将向大家介绍如何构建自己的镜像。一、工具准备首先，需要准备必要的工具，方便起见，使用alpine的文件系统，可以从alpine的官网下载或者拉取。地址：https://www.alpinelinux.org/downloads/下载Mini root filesystem，解压到目标目录，使用命令ta
转载
2023-07-14 16:51:18
149阅读
一、Dockerfile介绍 在前面的Docker常用命令介绍中，有说过两种制作镜像的方式：docker commit，在容器内部，使用指令将当前容器制作成镜像； dockerfile，在容器外部，根据文件中的指令逐条执行将某一指定的镜像制作成新的镜像； Dockerfile本质上是用来构建镜像的文本文件，里面包含多条构建镜像的指令，指令是固定的，必须大写，有相应的格式。在日常交付中，越来越多地使
转载
2023-07-29 22:32:40
0阅读
vue全家桶:vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成（这里建议使用Axios，尤大大推荐使用Axios，并且放弃了对其官方库vue-resource的维护，其有很多特性：拦截请求和响应、取消请求、转换json、客户端防御XSRF等）。vue-cli构建工具降低了webpack的使用难度，支持热更新（webpack
转载
2024-03-22 21:13:03
63阅读
# Vue 构建打包 Docker 镜像的完整教程
## 一、概述
在现代前端开发中，使用 Docker 打包代码是一个非常方便的方式。本篇文章将引导你一步一步实现 “Vue 构建打包 Docker 镜像”的过程。我们将主要分为以下几步：
1. 环境准备
2. 创建 Vue 项目
3. 编写 Dockerfile 文件
4. 构建 Docker 镜像
5. 运行 Docker 容器
##
原创
2024-09-06 06:19:55
44阅读
一、前言经过一段时间的实战学习，先后对SSM项目开发以及使用docker部署上线后，继而对springboot+vue项目进行开发以及使用docker部署上线。OK，无需多言，直接撸起袖子干！二、docker部署springboot1、将springboot项目打成jar包注：记得修改部署的服务器地址2、将jar包上传到服务器3、构建镜像# 1.在/usr/local目录下创建目录springbo
转载
2024-09-26 11:39:26
87阅读
# 使用Docker构建Vue项目镜像
随着容器技术的普及，Docker成为了现代软件开发中的重要工具之一。本文将介绍如何为Vue项目构建Docker镜像，并配合一些代码示例和甘特图、旅行图，帮助你更好地理解这一过程。
## Vue项目简介
Vue.js是一个流行的前端JavaScript框架，适合构建单页面应用（SPA）。在构建Vue项目时，通常需要考虑到其环境的配置、依赖包的管理、打包工
原创
2024-09-24 04:13:04
43阅读
# Docker 构建jar应用镜像
## 简介
Docker 是一个开源的容器化平台，可以帮助开发者将应用程序打包成一个独立的容器。Docker 容器是轻量级的、可移植的，可以在任何运行 Docker 的环境中部署和运行。Docker 的一个重要功能是可以通过 Dockerfile 来构建镜像，镜像是容器的基础，可以看作是一个只读的文件系统，包含了运行应用所需的所有依赖和配置。
本文将介绍如
原创
2023-08-13 03:09:08
246阅读
Docker部署前端 vue 后端 jar/war1 Docker部署jar1.1 将jar包上传到服务器指定目录1.2 在该目录下创建Dockerfile 文件1.3 Dockerfile文件添加代码from java:8maintainerADD demo-0.0.1-SNAPSHOT.jar demo.jardemo-0.0.1-SNAPSHOT.jardemo.jarexpose 808
转载
2023-08-20 20:24:03
243阅读
一、vue项目初始化-引入typescript 使用typescript构建vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。 二、typescript Vue项目比较 使用t
转载
2020-12-08 13:39:00
80阅读
2评论
以请求猫眼电影数据为例一、在组件的methods选项中配置请求数据的方法，请求数据methods:{
getMaoyanData(){
this.$http.get('https://m.maoyan.com/ajax/movieOnInfoList',{//请求的地址：?前面的部分
params:{
转载
2024-07-11 16:59:55
33阅读
# 使用Docker构建Vue3镜像
在当今的软件开发中，使用Docker容器化技术可以帮助开发人员更轻松地构建、交付和运行应用程序。Vue.js是一种流行的JavaScript框架，它可以帮助我们快速构建交互式的Web应用程序。在本文中，我们将介绍如何使用Docker构建Vue3的镜像，以便于在不同环境中轻松部署Vue3应用程序。
## 准备工作
在开始之前，我们需要确保已经安装了Dock
原创
2024-05-19 03:22:07
256阅读
Windows系统上搭建VueJS开发环境1、安装node.js:在node.js官网下载对应系统的msi包并安装注：node的安装分全局和本地模式。一般情况下会以本地模式运行，包会被安装到和你的应用程序代码的本地node_modules目录下。在全局模式下，Node包会被安装到Node的安装目录下的node_modules下。详细解释参看“npm命令随笔”2、基于node.js，利用淘宝npm镜
文章目录一、Nginx的应用概述1.Nginx概述2.Nginx四大应用场景1.HTTP服务器2.反向代理3.负载均衡4.动静分离二、Nginx的下载安装及其配置指令1.环境准备2.Nginx的下载与安装1.Nginx的普通下载与安装2.Nginx目录详解：3.Docker下载安装Nginx4.Nginx的启动和停止3. Nginx配置指令详解1.全局配置2.events块的配置3.http块的
转载
2024-08-26 20:03:25
54阅读
