vue2【计算属性】:作用,示例,好处,特点            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-07 10:57:55
                            
                                179阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            属性绑定(v-bind)动态的绑定一个或多个 attribute,也可以是组件的 prop。缩写:: 或者 . (当使用 .prop 修饰符)期望:any(带参数)| Object(不带参数)参数:attrOrProp(可选的)修饰符:.camel- 将短横线命名的attribute转变为驼峰式命名。.prop- 强制绑定为DOM property。.attr- 强制绑定为DOM attribut            
                
         
            
            
            
            1 计算属性
计算属性:要用的属性不存在,需要通过已有的属性计算得来
底层原理:底层借助了Object.defineProperty提供的getter和setter方法
优势:与methods相比,有缓存机制,效率更高,更方便
getter
    data:{
            firstName:'张',
            lastName:'三'
        },            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2024-03-24 11:23:54
                            
                                201阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在 Vue2 项目中按需引入 Element UI 的 Empty 组件 (el-empty),可以按照以下步骤操作:
完整解决方案
1. 安装必要依赖
npm install element-ui babel-plugin-component -D
# 或
yarn add element-ui babel-plugin-component -D
2. 配置 Babel (.babelrc 或            
                
         
            
            
            
            基本使用都满足 包括常用的: 时间格式 :type [date,datetime,daterange ....] 快捷方式 :日期左侧:如 今天,昨天,一个月前日期 日期禁用:禁用日期段 其它相关属性 custom-date-picker 组件内容 <!-- 1、isShortcut <boolea ...            
                
         
            
            
            
            跨域设置 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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue 学习笔记,计算属性            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-30 21:22:28
                            
                                265阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue监听属性_watch类似于Java中的监听器,用于监听vue中的数据变化<div id = "computed_props">
         千米 : <input type = "text" v-model = "kilometers">
         米 : <input type = "text" v-model = "meters">            
                
         
            
            
            
            <el-table-column label="保司提交资料报文" prop="insuranceSubmitData" show-overflow-tooltip /> 将show-overflow-toolti            
                
         
            
            
            
            文章目录3.7 is 属性3.7 is 属性问题:为什么在table标签中直接使用自定义组件,无法正常            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-29 16:08:24
                            
                                83阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、全局安装yarn前提安装了node,jsnpm install -g yarn查看版本:yarn --version2、全局安装vuese/cliyarn global add @vuese/cli || npm i -g @vuese/cli3、快速开始假设你的项目结构如下:root
├── src
├──├──  components
├──├──├──  Button.vue
├──├─            
                
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            步骤一:集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint,并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint? 选择第三个:检查,发现问题,并且约束代码风格 你的项目使用的是什么模块? 选择第一个            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-12 14:16:51
                            
                                274阅读
                            
                                                                             
                 
                
                                
                    