今天使用我们一起来尝试，使用 Vue + Flask 搭建一个简单的单页面应用。前端环境配置首先安装 vue1npm install vue创建 vue 工程1# 使用 webpack 打包工具初始化一个名为 frontend 的工程2vue init webpack frontend安装依赖1#&
目录一、项目准备1.1、Vite搭建项目1.2、vue_cli创建项目二、组合式API(基于setup)基础语法2.1、ref2.1.1、定义响应式变量2.1.2、标签/组件的ref属性(打标记)2.1.3、弹窗组件打印报undefined2.2、reactive2.3、toRefs2.4、watch和watchEffect2.5、computed2.6、生命周期钩子函数2.7、setup(子组件
在vue3的单页应用项目(spa)中好像不能创建动态的html并绑定动态的vue对象,于是想了些办法,算是基本实现了效果,可以用于制作打印模板,直接调用浏览器的打印功能或者给lodop这样的web打印插件提供打印模板在html中如何动态创建vue对象首先看一下在独立的html中如何创建一个动态的vue对象 就是受了这个方法的启发搞出了spa中的动态html加载方法<html>
&l
转载
2023-09-28 15:35:32
576阅读
1、打开窗口window.open(URL, name, specs, replace);window.open()方法用于在浏览器中打开一个新的窗口或标签页。如果不指定第二个参数，则链接通常会在当前窗口中打开，这相当于'_self'。name 窗口的名称，如果指定相同的名称，那么新的URL会在同一个窗口中打开。
_blank 在新窗口或新标签页中打开链接。
_self 在当前窗口中打开链接（默认
转载
2024-07-13 16:34:59
1675阅读
# 如何实现“vue3 嵌入html5”
## 1. 概述
在本文中，我将向你展示如何在HTML5中嵌入Vue3。首先，我们将通过一个简单的流程图和表格来了解整个过程，然后我将逐步指导你每一步所需做的事情以及需要使用的代码。
## 2. 流程图
```mermaid
flowchart TD
A(开始) --> B(引入Vue3库和HTML5)
B --> C(创建Vue3实例
原创
2024-06-18 06:29:23
344阅读
在现代Web开发中，Vue.js作为一种流行的前端框架，常与后端技术进行整合使用。而在某些应用场景中，嵌入Python编辑控件成为一种需求。本文将详细探讨在Vue 3中如何嵌入Python编辑控件的过程，分享从问题到解决的全过程。
### 问题背景
在一个项目中，用户需要在Web应用中嵌入一个功能强大的Python编辑控件，以便进行在线代码编辑和测试。这样的需求通常出现在教育平台、在线编程平台
# 如何将 Vue 3 与 Python 后端结合起来
在现代Web开发中，前端与后端的结合是非常重要的技能。Vue.js 是一个流行的前端框架，而 Python 作为后端开发语言，尤其常用的框架是 Flask 和 Django。本篇文章将指导你如何将 Vue 3 与 Python（Flask）结合，实现一个简单的全栈应用。我们将分步骤进行讲解，并附上每一步需要使用的代码。
## 流程概述
Flask-Vue前后端分离最近学习了一下前后端分离技术，前端用的是Vue，后段用的是Flask。vue官网：开源的 Javascript 框架，vue是一套构建用户界面的渐进式框架，Vue采用自底向上的增量开发设计。vue是轻量级的，有很多独立的功能和库。 vue.js满足当前webapp项目的开发需求，MVVM框架诞生，而Vue.js便是这样一种js框架。两大核心：数据驱动和组件化。Flask
转载
2023-06-06 09:05:41
217阅读
目录1. 运用着色器编写图案2.着色器实现动画绘图3.着色器实现圆环扩散效果4.着色器实现雷达图效果1. 运用着色器编写图案1）挤出一个盒子const extrudePolygon = new Cesium.PolygonGeometry({
polygonHierarchy: new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fro
转载
2023-11-22 23:41:04
48阅读
Vue3 Diff 算法与key先来看看官方的解释
key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes；如果不使用Key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法；而使用key时，它会基于key的变化重新排列元素顺序，并且会移除/销毁key不存在的元素；官方的解释对于初学者来说并不好理解，比如下面的问题：什么是新旧nodes
转载
2024-01-21 08:31:59
132阅读
严正声明！ 重要的事情说一遍，本文章仅供分享，文章和代码都是开源的，严禁以此牟利，严禁侵犯尚硅谷原作视频的任何权益，我知道学习编程的人各种各样的心思都有，但这不是你对开源社区侵权的理由！ 第16集：这一集老师啰嗦了一集，核心就两句话，一个是对axios的二次封装，还有一个是对promise结果再次封装使得其可以直接获取data，老师的代码应该是可以用的。这个写法只有get和post，不过不重要了，
转载
2023-11-11 23:10:03
50阅读
# Python与Vue3的结合：开源项目指南
在现代开发中，前端和后端的分离是非常重要的趋势。Python作为一种强大的后端开发语言，结合Vue3这样强大的前端框架，可以实现高效、现代化的Web应用。本文将带你了解如何利用Python和Vue3构建一个简单的开源项目，并展示相关的代码示例、流程图和序列图。
## 1. 项目概述
我们的目标是构建一个简单的待办事项（Todo）应用。该应用将允
原创
2024-10-20 06:52:02
366阅读
看文档文档地址：Preparation for PWA
1.将PWA模式添加到我们的Quasar项目中：npx quasar mode add pwa我们看一下有哪些变化向Quasar项目添加PWA模式意味着将创建一个新文件夹：/src-pwa，其中包含PWA特定文件：.
└── src-pwa/
├── register-service-worker-dev.js # 应用代码**管
# Vue3 调用 Python 的科普文章
在现代 web 开发中，前后端分离的架构已成为一种常见的模式。前端通常使用如 Vue.js 等框架来构建用户界面，而后端则使用如 Python 等语言处理业务逻辑和数据。本文将探讨如何让 Vue3 调用 Python 后端的接口，并提供相关的代码示例以帮助您实现这一功能。
## 1. 系统架构
首先，我们需要了解整个系统的架构。在这个架构中，Vu
# 如何在Python环境下安装Vue 3
对于初学者来说，将Vue 3与Python结合起来，可能会有些困难。本文将为您详细介绍如何在Python环境下安装和使用Vue 3。我们将通过以下步骤来完成这一过程。
## 整体流程
下面是本次操作的整体流程表：
```markdown
| 步骤 | 描述 |
| ---- | ---------
//H5
我们用vue构建一个嵌入页面。在这里我们用vue/cli 3.0来搭建我们的项目，vue/cli 3.0需要vue2.0以及webpack4.0以上的版本，还需要node.js的环境
因此我们需要在全局安装vue webpack 以及 vue/cli
1.下载vue cli 3.0
写在前面Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。 history：利用了 HTML5 Hi
1.v-for： <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript： data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
原创
2023-07-27 21:47:21
10000+阅读
