vue2【计算属性】:作用,示例,好处,特点            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-07 10:57:55
                            
                                179阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、简介  Data与el的2中写法:el有两种写法new Vue时配置el属性先创建Vue实例,随后在通过vm.$mount(‘#root’)指定el的值Data也有两种写法    (1) 对象式函数式,搭配组件时,data必须使用函数式一个重要的原则  由Vue管理的函数,一个不要箭头函数,一旦写了箭头函数,this就不再是Vue实例了  学习Vue之前最后会一些HTML和CSS的基            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-25 20:43:47
                            
                                76阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            属性绑定(v-bind)动态的绑定一个或多个 attribute,也可以是组件的 prop。缩写:: 或者 . (当使用 .prop 修饰符)期望:any(带参数)| Object(不带参数)参数:attrOrProp(可选的)修饰符:.camel- 将短横线命名的attribute转变为驼峰式命名。.prop- 强制绑定为DOM property。.attr- 强制绑定为DOM attribut            
                
         
            
            
            
            <button @click="addObjB"></button>
data:{
    obj:{
        a:''
    }
}
methods:{
    addObjB(){
        this.$set(this.obj,'b',111)
    }
}Vue数组、对象改变视图不更新:第一种情况:基本数据类型和对象:实例化的时候如果没有被加入到            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-14 16:45:10
                            
                                1034阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1 计算属性
计算属性:要用的属性不存在,需要通过已有的属性计算得来
底层原理:底层借助了Object.defineProperty提供的getter和setter方法
优势:与methods相比,有缓存机制,效率更高,更方便
getter
    data:{
            firstName:'张',
            lastName:'三'
        },            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2024-03-24 11:23:54
                            
                                201阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue2 重置 data方法 $data $options.data.call(this) 需求 在Modal框中 反复open的时候,进行数据重置,外层不进行vif methods: { resetDat            
                
         
            
            
            
            最近项目经常用到带有合并效果以及动态列的表格,而翻阅iview和element-ui官网没有找到合适的(也有可能自己的水平有限,不会改写),所以只好自己用原生表格写了一个,具体效果如下:这个表格右侧表头的会员等级列是根据筛选结果动态生成,左侧的初始状态是按着结果动态合并行,右上也对应的有一个下载表格数据的方法,实现着这表格的关键在于对原生表格"th","tr"标签以及对"rowspan",“col            
                
         
            
            
            
            在使用 Vue 2 和 Axios 的过程中,我们可能会遇到一个相对常见的问题——Axios 的响应数据为空。这个问题通常源于请求未能成功完成或响应未能正确处理。接下来,我将详细描述解决这一问题的过程,包括版本对比、迁移指南、兼容性处理、实战案例、排错指南及性能优化等方面。
### 版本对比
在处理 Vue 2 与 Axios 之间的交互时,了解版本差异至关重要。不同版本之间可能存在特性和兼容            
                
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            跨域设置 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
├──├─            
                
         
            
            
            
            什么是JSX摘自 React 官方: 它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言,但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当,而不是必须。因为在绝大多数情况下,模板语法都能胜任,只不过写起来看着不太            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-03 15:34:33
                            
                                66阅读
                            
                                                                             
                 
                
                                
                    