目录 一、什么是模板引擎? 二、将数据变为视图的方法:1、纯DOM法2、数据join()法:3、ES6的反引导法:4、模板引擎mustache:(1)循环对象数组:(2)数组嵌套:(3)不循环对象数组:(4)循环简单数组:(5)布尔值:一、什么是模板引擎?模板引擎是将数据变为视图最优雅的解决方案。 二、将数据变为视图的方法: 1、纯DOM法通过原生JS分别创            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-21 08:22:37
                            
                                132阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            介绍:前台使用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),页面也挺美的,但是还是碍于不想看太多关于这个模板的配置说明,于是又拉出来之前我搭建的简易版的模板,决定重构下,使用自己搭建的后台系统模板            
                
         
            
            
            
            前面我们已经实现了虚拟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优点:小而简单,轻量级框架,上手容易,简单易学,便于与第三方库或既有项目整合只关注视图层, 采用自底向上增量开发            
                
         
            
            
            
            Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-13 10:27:27
                            
                                225阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            为什么需要模块化?答:真实开发的时候,代码量大,js文件多,分工开发的时候大家都不知道别人的代码,容易引发全局变量灾难。  node应用由模块组成,采用的commonjs模块规范。每一个文件就是一个模块,拥有自己独立的作用域,变量,以及方法等,对其他的模块都不可见。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即modu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-20 17:39:00
                            
                                320阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。模板即基础代码,如vue模板即<div>  ,new Vue{ el:   data: } ......这些基础代码在底层的实现上, Vue 将模板            
                
         
            
            
            
            跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-23 11:32:15
                            
                                393阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件
安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
(2)@babel/eslint-parser
简而言之就是一个解析器,允许您使用ES            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-29 12:57:59
                            
                                283阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            main.js App.vue action.js getters.js index.js mutation.js types.js            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-06-24 05:50:00
                            
                                220阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue2            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-01 18:40:40
                            
                                412阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近项目开发中遇到需要用到ie浏览器的情况,因为是内网开发,大致记录下兼容过程。问题1:ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题,控制台也不报错,但是ie11浏览器就打不开,控制台报错----显示语法错误:,了解后发现ie浏览器不支持es6,可以通过core-js/stable及regenerator-runtime/runtime编译,vue cli官方推荐使用,main.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-03 14:52:36
                            
                                210阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            0 前言从Vue2升级到Vue3,可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它?怎么用它?有什么需要注意的吗? 面对陌生的它,我们在这儿先简单认识一下它,而具体如何使用以及使用的注意点,将会在后续的文章更新中介绍,可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api,也就是组合式Api。 我认为,它解决的主            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-06 12:52:14
                            
                                247阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            什么是JSX摘自 React 官方: 它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言,但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当,而不是必须。因为在绝大多数情况下,模板语法都能胜任,只不过写起来看着不太            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-03 15:34:33
                            
                                66阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
    "name": "XXX",
    ......
    "description": "XX系统",
    "author": "tom<123456@qq.com>",
    ......
}修改端口号 config/index.js中修改port:             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-29 09:30:58
                            
                                87阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            原先内容比较适合vue2。可以稍作升级到vue3。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-13 11:03:16
                            
                                467阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录3.8模板3.8.1直接字符串3.8.2 x-template模板3.8.3 template标签3.8.4 省略is3.8模板.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-29 16:17:32
                            
                                94阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本文会详细讲解vue.js的安装与node.js安装使用vue.js,安装文档和步骤会一一提供和讲解。虚心好学,如有欠缺,多多指导。 vue.js项目环境搭建vue.js安装一、script 标签 引入使用二、使用 CDN 方法三、node.js安装(推荐使用) vue.js安装一、script 标签 引入使用直接下载并用 script 标签引入 下载网址:https://cn.vuejs.org            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-17 19:55:29
                            
                                404阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录前言一、动态路由是什么?二、如何实现1.登录时将获取的路由信息存入vuex2.持久化处理3.加载动态路由总结前言最近在学习vue3时,准备用vite+vue3弄一个后台管理系统,于是准备看看动态路由的实现方式。一、动态路由是什么?动态路由,顾名思义是动态获取的,是可变的。我们可以根据不同的角色身份加载不同的路由,使用动态路由不仅更加灵活,还便于维护,我们可以将路由信息存入数据库,前端只需通过一            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-29 23:55:26
                            
                                72阅读
                            
                                                                             
                 
                
                                
                    