目录 一、什么是模板引擎? 二、将数据变为视图的方法:1、纯DOM法2、数据join()法:3、ES6的反引导法:4、模板引擎mustache:(1)循环对象数组:(2)数组嵌套:(3)不循环对象数组:(4)循环简单数组:(5)布尔值:一、什么是模板引擎?模板引擎是将数据变为视图最优雅的解决方案。 二、将数据变为视图的方法: 1、纯DOM法通过原生JS分别创            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-21 08:22:37
                            
                                132阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。模板即基础代码,如vue模板即<div>  ,new Vue{ el:   data: } ......这些基础代码在底层的实现上, Vue 将模板            
                
         
            
            
            
            介绍:前台使用vue+vant开发的单页面,后台使用ant design pro单页面,实现手机端和后台聊天功能。效果如图(PC+移动): 一、申请融云账号(token、appKey) 建议先看教程:sdk使用介绍 过一遍教程,接下来开始写 二、引入融云IM如图: 位置:public/index.html,引入<script src="https://cdn.ronghub.com/Rong            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-20 06:41:17
                            
                                764阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言之前有些过移动端的项目搭建的文章,感觉不写个pc端管理系统老感觉少了点什么,最近公司项目比较多,恰巧要做一个申报系统的后台管理系统,鉴于对vue技术栈比较熟悉,所以考虑还是使用vue技术栈来做;看过一个不错的后台配置模板(vue-element-admin),页面也挺美的,但是还是碍于不想看太多关于这个模板的配置说明,于是又拉出来之前我搭建的简易版的模板,决定重构下,使用自己搭建的后台系统模板            
                
         
            
            
            
            VsCode一些相关设置然后打开vue.json打开之后将我下面的代码拷贝过去就可以(可以自定义修改){  "Print to v            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 15:26:55
                            
                                3649阅读
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-13 10:27:27
                            
                                225阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            父组件内定义插槽具体内容 <table-data> <!-- 两种方式,下面是简写 <template v-slot:supplierOrderNo="data" >--> <template #supplierOrderNo="data" > {{ data.data}} </template>            
                
         
            
            
            
            前面我们已经实现了虚拟dom转变为真实dom,并且挂载到页面的逻辑了,其实已经很接近vue源码的思想了,但是我们还是稍微调整一下代码,让我们调用的时候更加像vue。现在我们要声明一个vue函数,做以下几件事:声明一个Vue函数,让我们可以new调用这个函数获取传入的options参数初始化数据挂载生成的dom元素function Vue(options){
    this.$options =            
                
         
            
            
            
            VUE开发常用知识 
   A:   Vue (读音 /vjuː/,类似于 view)作者:尤雨溪(EvanYou)  中国人是一套用于构建用户界面的渐进式框架。学习使用之前须掌握 HTML、CSS 和 JavaScript 等知识。B:   VUE优点:小而简单,轻量级框架,上手容易,简单易学,便于与第三方库或既有项目整合只关注视图层, 采用自底向上增量开发            
                
         
            
            
            
            本篇将实现vue2在css中使用js变量。 下图是el-tab组件,由上面的tab头和下面的内容区构成,当内容区过长的时候,外层固定高度的盒子会出现滚动条(设置了overflow: auto;),tab头部会向上滚动而消失: 滚动前: 滚动后: 现在的需求是,tab头部需要固定在最上方,不随滚动条滚 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-24 12:21:00
                            
                                1563阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            为什么需要模块化?答:真实开发的时候,代码量大,js文件多,分工开发的时候大家都不知道别人的代码,容易引发全局变量灾难。  node应用由模块组成,采用的commonjs模块规范。每一个文件就是一个模块,拥有自己独立的作用域,变量,以及方法等,对其他的模块都不可见。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即modu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-20 17:39:00
                            
                                320阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 如何在Vue2中使用Axios
## 简介
在Vue2中使用Axios是一种常见的方法来处理网络请求。Axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。它提供了一种简单和直观的方法来发送HTTP请求,并处理响应。
这篇文章将指导你如何在Vue2中使用Axios来进行网络请求。
## 步骤
下面是使用Axios进行网络请求的步骤:
| 步骤 | 描述            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-20 21:49:34
                            
                                367阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            说一下easyplayer在vue2中的使用,vue3中没测试,估计应该差不多,大家可自行验证。安装:pnpm i @easydarwin/easyplayer组件封装习惯性将其封装为单独的组件<template>
  <div class="EasyPlayer">
    <easy-player
      style="width: 100%;height:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2023-08-12 10:15:32
                            
                                1390阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                                
                     
                                    
                             
         
            
            
            
            在现代 web 应用开发中,结合不同技术栈是常见的需求。特别是在使用 Vue2 的前端应用中,选择合适的存储方案显得尤为重要。Redis 作为一种高性能的键值存储系统,可以为 Vue2 应用的状态管理和缓存提供良好的支持。本文将介绍“vue2 使用 redis”的解决方案,涵盖版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展等多个方面。
## 版本对比
在版本对比中,我们将着重说明            
                
         
            
            
            
            ### Vue2使用Axios实现网络请求
#### 整体流程
在Vue2中使用Axios实现网络请求的流程如下:
| 步骤 | 描述 |
|---|---|
| 1 | 安装Axios |
| 2 | 创建一个Vue实例 |
| 3 | 编写请求代码 |
| 4 | 发起网络请求 |
| 5 | 处理服务器响应 |
| 6 | 更新页面数据 |
#### 具体步骤
##### 步骤1:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-27 07:20:57
                            
                                776阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue2 使用 jQuery 的完全指南
在进行前端开发时,Vue.js 和 jQuery 是两个常用的工具。虽然 Vue.js 提供了强大的数据绑定和组件化能力,但有时我们可能需要使用 jQuery 来执行一些复杂的 DOM 操作或者利用现有的 jQuery 插件。本文将详细讲解如何在 Vue2 中使用 jQuery。
## 整体流程
在开始之前,我们需要了解整个过程。下面是使用 jQ            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-25 03:35:41
                            
                                55阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue2使用Axios
## 简介
在Vue2中使用Axios来进行网络请求是非常常见的场景。Axios是一个基于Promise的库,可以用于浏览器和Node.js。
本文将教会你如何在Vue2中使用Axios来请求的数据。
## 整体流程
下面是整个流程的步骤表格:
| 步骤 | 描述 |
| ---- | ---- |
| 1.   | 创建Vue项目并安装            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-29 08:28:48
                            
                                165阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue2 使用 TypeScript
Vue.js 是一个用于构建用户界面的渐进式框架,可以与各种现代化的前端技术进行无缝集成。而 TypeScript 是一种由 Microsoft 推出的 JavaScript 的超集,它添加了静态类型检查和其他语言特性。
结合 Vue.js 和 TypeScript 可以提供更好的代码提示、类型检查以及更好的开发体验。本文将介绍如何在 Vue2 中使用            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-25 08:37:21
                            
                                243阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ## 在 Vue2 中使用 jQuery 的教程
在前端开发中,Vue.js 和 jQuery 都是非常流行的框架。虽然 Vue 有自己的 DOM 操作机制,但有时你可能需要通过 jQuery 来处理一些复杂的任务。今天我们将一步步实现 Vue2 中使用 jQuery 的过程。
### 整体流程
以下是将 jQuery 集成到 Vue2 项目的主要步骤:
| 步骤 | 描述            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-23 06:21:52
                            
                                126阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在开发现代 web 应用时,使用 Vue 2 作为前端框架,结合 MySQL 作为后端数据库是一种常见的选择。本博文将详细介绍如何有效地将这两者集成,包括版本对比、迁移指南、兼容性处理等关键内容,以帮助开发者更好地实现项目。
### 版本对比与兼容性分析
在选择使用 Vue 2 结合 MySQL 时,需要注意版本之间的兼容性。Vue 2 的 API 和 MySQL 的数据库交互有一定差异,需要