最近在通过《Vue.js实战》系统学习Vue,虽然在项目中已多次使用Vue进行开发,但是对于一些非常基础性的知识点还不是很了解,因此这次通过结合数字输入框组件实战来谈谈简单的组件开发。源代码:https://github.com/zndada/learnVue项目整体结构├── src  项目代码
│ ├── common 公共js库
│ │ ├── number.js 判断是否为数字
│ ├──            
                
         
            
            
            
            前言  这篇文章主要是分享一个时空穿梭框功能,也就是我们平时用的选择功能。勾选了的项就会进入到另一个框中。 时空穿梭框之旅 示例演示:这个时空穿梭框实现了:1、可以全选、反选2、没有选中时,不可以点穿梭按钮3、自动计数(共有多少个,选中了多少个)4、没有数据时,全选不可点击这里主要是想通过这个示例来抛砖引玉,更多的功能,你可以根据自己的实践需要来实现。下面我们就来看看这示例的相关文件及代码。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-27 20:49:59
                            
                                92阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            通过js创建一个Object对象来模拟真实DOM结构,这个对象包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性,通过vue中的render()函数把虚拟dom编译成真实dom,在通过appendChild()添加到页面中。再来一张图:是不是一下子秒懂 没懂再来一张创建虚拟DOM就是为了更好将虚拟的节点渲染到页面视图中,所以虚拟DOM对象的节点与真实DOM的            
                
         
            
            
            
            跨域设置 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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            / 监听当前消息列表,更新时,保持滚动条位于底部。// 滚动滑钮到滚动条顶部的距离=滚动条的高度。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-05 09:58:26
                            
                                94阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ## 需求 一个错误提示框,后台需要有换行,默认没有换行,做一个支持换行的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-25 10:34:39
                            
                                211阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            步骤一:集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint,并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint? 选择第三个:检查,发现问题,并且约束代码风格 你的项目使用的是什么模块? 选择第一个            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-12 14:16:51
                            
                                274阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            最近做项目,用到vue去监听输入框当中值,并且去校验值的正确性,我们都知道 vue 当中 主要监听输入框的方法有四个:input  change blur  keyup.enter他们都可以使用@+xxxx="在vue当中定义的方法",去引用实现,然后利用v-model去绑定data当中的数据,下面我们就来介绍一下这四个方法: 一、@input(或者是v-on:inp            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-04 05:44:47
                            
                                1086阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、组件化封装1.首先创建一个form文件夹,将搜索框组件的内容全部写在这个里面,然后再在需要的页面直接引入相应的组件即可2.首先先在goods.vue文件里面写对应的文本数组formItems,将所定义的类型IFormItem引用进去,这个里面写的字段都是对应goods.vue文件里面的文本数组formItems里面所拥有的字段const formItems: IFormItem[] = [            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-08 07:11:31
                            
                                258阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1:插槽-默认插槽,2:插槽-具名插槽 ,3:插槽-作用域插槽            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2024-01-13 13:16:26
                            
                                328阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            • vue2.0之后有哪些变化:
  1.每个组件模板template,不再支持片段代码
    之前:
      <template>
	        <h3>vue-router+vue-loader</h3>
	        <p>hshsh</p>
      </template>       现在:必须有根元            
                
         
            
            
            
            在前端开发的世界里,Vue.js 已经成为了非常流行的框架,而在与 API 进行交互时,Axios 则是一个不可或缺的工具。随着 Vue2 和 Axios 的流行度提升,我们也开始遇到一些特定问题,比如“vue2 fengzhuangaxios”,这里的“fengzhuang”意指封装,即把 Axios 封装为更易用的工具。那么,我们如何解决这个问题呢?本文将为大家提供一套清晰的解决方案和实用的经            
                
         
            
            
            
            # Vue2和TypeScript入门指南
Vue.js是一个流行的JavaScript框架,用于构建用户界面。它简单易用,同时具有强大的功能。而TypeScript是JavaScript的超集,它为JavaScript添加了类型系统,使得代码更加可靠和易于维护。在本文中,我们将介绍如何在Vue2中使用TypeScript。
## 安装Vue2和TypeScript
首先,我们需要安装Vue            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-05 09:13:21
                            
                                202阅读