一、vue有两种使用方式：1.下载vue.js<script src="vue.js"></script>2.使用npmnpm install vue二、在vue的mvc思想基础上，会有很多想实现的功能，可以不必原生写。比如ajax请求，各种插件。安装vue-cli，促使这些插件可以在vue上运行。npm install vue-cli -g三、vue安装成功测试cmd 中
以配置Nginx为例，配置过程大致如下：（假设： 1、项目文件目录： /mnt/html/spa（spa目录下的文件就是执行了npm run dist 后生成的dist目录下的文件） 2、访问域名：spa.sosout.com） 进入nginx.conf新增如下配置：server {
listen 80;
server_name spa.sosout.c
# 如何编写Vue3的Dockerfile
在开发Vue3应用程序时，通常需要将其部署到生产环境中。而Docker正是一种流行的工具，可以将应用程序与其运行时环境打包在一起，以便在不同的环境中进行部署。本文将介绍如何编写一个适用于Vue3应用程序的Dockerfile，并提供一个示例来演示如何构建和运行一个使用Vue3的Docker容器。
## 问题描述
在部署Vue3应用程序时，我们需要一
原创
2024-05-04 04:44:27
175阅读
# 从Vue3到Dockerfile、Node和Nginx：一体化部署指南
随着前端开发工具的不断演进，Vue3作为一款现代化的JavaScript框架，受到了越来越多开发者的青睐。而在部署Vue3应用时，结合Dockerfile、Node和Nginx进行一体化部署是一种常见的方式。本文将介绍如何使用这些工具来部署Vue3应用。
## Vue3简介
Vue3是一款流行的JavaScript框
原创
2024-05-04 04:44:46
88阅读
# 使用 Docker 和 Nginx 部署 Vue 3 应用
Vue.js 是一个流行的前端框架，它允许开发者构建互动性强的用户界面。随着 Vue 3 的发布，我们得到了更强大、更灵活的开发工具。在现代开发中，使用 Docker 来容器化我们的应用程序，使得部署和开发的过程变得更加简单和灵活。本文将介绍如何使用 Docker 和 Nginx 部署一个 Vue 3 应用，并包含相关代码示例和图表
第二单元(webpack的配置-学习webpack的常用配置)
#课程目标掌握webpack的常用配置掌握如何根据实际的需求修改webpack的对应配置了解webpack-dev-server的意义和使用掌握webpack-dev-server的用法
#知识点webpack的配置项entry 入口 配置字符串-单个文件 配置数组-会把数组中的文件合并成一份文件，作为入口 配置对象-设置多个入口文件
转载
2024-09-05 19:06:06
11阅读
Vue3.0的六大亮点：Performance：性能比 Vue2.x 快 1.2~2 倍Tree shaking support：按需编译，体积比 Vue2.x更小Composition API：组合API(类似 React Hooks)Better TypeScript support：更好的 Ts 支持Custom Renderer API：暴露了自定义渲染APIFragment，Telepo
转载
2024-01-29 00:53:55
113阅读
在 Vue3 的世界里，模板语法是我们构建用户界面的基石。今天，让我们一起深入了解 Vue3 的模板语法，我将用通
原创
2024-10-30 00:41:14
668阅读
前言 vue3.0-beta 版本已经发布了一段时间了，正式版本据说在年中发布（直播的时候说的是年中还是年终，网上传闻说是6月份）。嘴上说着学不动，身体却很诚实地创建一个vue3的项目，兴致勃勃地引入 vue2 插件的时候，眉头一皱，发现事情并没有那么简单。 浏览器无情地抛出了一个错误： Uncau
转载
2020-09-21 15:58:00
129阅读
vue3使用的 Proxy 在处理属性的读取和写入时，比vue2使用的defineProperty 有更好的性能（速度加倍的同时，内存还能减半！
原创
2024-04-24 13:45:15
0阅读
在 Vue 3 中，watch 是一个用于观察和响应 Vue 组件中响应式数据变化的选项或函数。当被观察的数据发生变化时，watch 可以执行一些副作用或回调操作，比如发送请求、更新 DOM 之外的状态或执行其他逻辑。使用方法
在 Vue 3 的组件选项中，你可以通过 watch 选项来定义观察者：
import { ref, watch } from 'vue';
export default
原创
2024-04-02 00:21:47
149阅读
使用 TypeScript 为 Hook 添加类型定义，提高代码可维护性和开发体验。
在这篇博文中，我将详细介绍如何配置 Vue 的 Dockerfile 文件，包括整个过程的各个步骤。Docker 是一个强大的工具，可以帮助我们轻松地创建、部署和运行应用程序，而 Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面。通过将它们结合起来，我们能够更高效地管理我们的开发和生产环境。
### 环境准备
首先，在我们的机器上需要安装一些前置依赖以确保 Docker
摸了一天的Vue-cli脚手架，终于有点明白怎么用脚手架搭建vue项目，并运用到现有的项目中。为想上手Vue的小白们少走弯路，在这总结一下。 在搭建Vue项目之前，先确保基础环境的准备，需要有nodejs和npm，没有的话先安装nodejs，nodejs里已经含有了npm，npm是nodejs的包资源管理器。因为npm官网是国外的
为什么选择自己封装第三方库 最近几个月来我司把公司之前两三年的所以业务都用了vue重构了一遍，前台使用了vue+ssr，后台使用了vue+element，在此过程中包装和自己写了很多的vue component。其实vue 写component相当方便和简单的，github上有很多的vue component都只是简单的包装了一些jquery或者原生js的插件，但我个人是不太喜欢使
插槽一般情况下，html 中的组件之间的内容会被抛弃，例如：效果：对于这种情况，我们可以使用 <slot> 在 <box></box> 内添加内容：效果：即：当组件渲染的时候，<slot></slot> 将会被替换为 "<p>content</p>"，插槽内可以包含任何模板代码，即使是其他组件。编译作用域我们可以在
转载
2024-04-17 14:42:37
593阅读
本篇主要是在本地用docker部署mysql、vue项目和springboot项目，记录一下。一、docker部署mysql我的环境是win10，用的是docker desktop。安装很简单。照着官网的步骤安装即可。接下来部署mysql1.1 创建目录首先在D盘创建目录，这里的目录是为了容器内部挂载数据，方便我们查看数据。D:\docker\mysql1.2 下载镜像接下来需要从docker官方
转载
2023-08-24 15:05:56
1001阅读
什么是单文件组件？简言之，单文件组件就是一个文件扩展名为.vue的single-file-components(SFC)。是Vue.js自定义的一种文件格式，一个.vue文件，就是一个单独的组件，在文件内封装了组件的相关代码：HTML，CSS，JS。浏览器本身并不支持.vue文件，所以必须对.vue文件进行加载解析，此时需要vue-loader，类似的loader还有许多，如：html-loade
转载
2023-12-12 22:49:34
113阅读
如果您有疑问，请观看视频教程《Vue3实战教程》单文件组件介绍Vue 的单文件组件 (即 *.vue 文件，英文 Single-File Component，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中。下面是一个单文件组件的示例：vue<script setup>
import { ref } f
1. watch 的使用语法import { watch } from "vue" watch( name , ( curVal , preVal )=>{ //业务处理 }, options ) ；共有三个参
原创
2022-05-04 20:34:52
2186阅读
