文章目录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的demo,看这篇 https://www.cnblogs.com/shadoll/p/15002064.html 二.结构 <template> <div>hello world</div> </template> <script> export default { compo ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-29 20:21:00
                            
                                439阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、组件化开发思想
1. 什么是组件化开发
组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。例如:ibootstrap - Bootstrap 可视化布局系统 所展示的效果,就契合了组件化开发的思想。用户可以通过拖拽组件的方式,快速生成一个页面的布局结构。
2. 组件化开发的好处
前端组件化开发的好处主要体现在以下两方面:
提高了前端代码的复用性和灵活            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-05 01:55:33
                            
                                689阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            / 移动端页码按钮的数量端默认值5。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-05 10:10:00
                            
                                182阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            .vue 脚手架的安装就不多说了,说下其他常见的错误1、安装问题 :首先我们在安装的时候,有些人会用npm直接安装  有些会用cnpm 安装 但是两个不能共用  不然会报错,为此我吃过不少亏2、文件存放错误:一般src下的assets存放静态资源文件,当时访问时,需要考虑路径的问题。如果存放在static下就不用考虑路径问题,直接以static开头的路径3、端口冲突错误:需要改            
                
         
            
            
            
            前言:应上级要求,搭建一个公司内部的vue组件库,由于临近我预计的离职时间,所以只将流程梳理实践了一遍。假设组件库名称为ui-library。一、使用vue-cli3创建ui-library项目vue create ui-library创建项目时选择自定义模板,我的配置如下 记得vue版本需要选择2.x。ui-library目录如下  二、在根目录添加vue.conf            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-07 22:15:17
                            
                                58阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            由于后期项目要使用ts,所以先学习下,这是第一次使用ts,要是有不足之处,还请多指教。最开始因为webpack版本问题搭了好几次没成功,果然失败乃成功之母,古人诚不欺我,每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本,按照webpack3的方式来搭建的,所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-01 16:44:44
                            
                                162阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.组件拆分1.组件实质上也是一个vue实例,因此组件中也可以使用vue的对象属性,反过来每一个vue实例也是一个vue组件(注:1.唯一不同的是el是根实例的特有选项,2.组件中的data必须是一个函数);2.如果vue实例中没有template模板的定义,那么vue会把el挂载点下的html作为vue实例的模板;3.模板中如果还有子组件,父组件调用子组件的时候,通过属性的方式进行调用,那么子组            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-12 15:52:11
                            
                                238阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            介绍:前台使用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),页面也挺美的,但是还是碍于不想看太多关于这个模板的配置说明,于是又拉出来之前我搭建的简易版的模板,决定重构下,使用自己搭建的后台系统模板            
                
         
            
            
            
            什么是组件,构成组件的三部分,定义(过滤器,监听器,计算属性,方法区),style开启less语法            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-14 09:50:52
                            
                                99阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            开发小程序中,遇到的wepy的几点坑,记录一下;1.定时器:  在页面中有需要用到倒计时或者其他定时器任务时,新建的定时器在卸载页面时一定要清除掉,有时候页面可能不止一个定时器需求,在卸载页面(onUnload钩子函数)的时候一定要清除掉当前不用的定时器  定时器用来做倒计时效果也不错,初始时间后台获取,前端处理,后台直接在数据库查询拿到的标准时间(数据库原始时间,T分割),前端需要正则处理一下这            
                
         
            
            
            
            # JDate 日期组件 使用文档
 
###### 说明: antd-vue日期组件需要用moment中转一下,用起来不是很方便,特二次封装,使用时只需要传字符串即可
## 参数配置
| 参数           | 类型      | 必填 |说明|
|--------------|---------|----|---------|
| placeholder      |string   |            
                
         
            
            
            
            目录 一、什么是模板引擎? 二、将数据变为视图的方法:1、纯DOM法2、数据join()法:3、ES6的反引导法:4、模板引擎mustache:(1)循环对象数组:(2)数组嵌套:(3)不循环对象数组:(4)循环简单数组:(5)布尔值:一、什么是模板引擎?模板引擎是将数据变为视图最优雅的解决方案。 二、将数据变为视图的方法: 1、纯DOM法通过原生JS分别创            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-21 08:22:37
                            
                                132阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文章目录一、组件1. 创建组件2. 引用组件3. 组件之间如何传递参数一、组件1. 创            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-30 10:25:02
                            
                                375阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。如果            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-13 10:27:27
                            
                                225阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前面我们已经实现了虚拟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优点:小而简单,轻量级框架,上手容易,简单易学,便于与第三方库或既有项目整合只关注视图层, 采用自底向上增量开发            
                
         
            
            
            
            为什么需要模块化?答:真实开发的时候,代码量大,js文件多,分工开发的时候大家都不知道别人的代码,容易引发全局变量灾难。  node应用由模块组成,采用的commonjs模块规范。每一个文件就是一个模块,拥有自己独立的作用域,变量,以及方法等,对其他的模块都不可见。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即modu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-20 17:39:00
                            
                                320阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ? 背景最近项目中需要制作一个颜色选择器(如下图展示),今天分享一下这个组件功能。希望能抛砖引玉,给大家带来启发。?需求功能icon或者文字颜色需要选择颜色?设计开发先说一下我的开发环境版本:node: v11.3.0npm: 6.4.1vue:2.5.11如果不是以上版本也没关系,今日分享的思路,相信你可以自己造出来~首先点击空白收缩: this.handler = function(e) {            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-07 20:40:25
                            
                                2092阅读
                            
                                                                             
                 
                
                                
                    