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
原创 4天前
11阅读
最近项目经常用到带有合并效果以及动态列的表格,而翻阅iview和element-ui官网没有找到合适的(也有可能自己的水平有限,不会改写),所以只好自己用原生表格写了一个,具体效果如下:这个表格右侧表头的会员等级列是根据筛选结果动态生成,左侧的初始状态是按着结果动态合并行,右上也对应的有一个下载表格数据的方法,实现着这表格的关键在于对原生表格"th","tr"标签以及对"rowspan",“col
在使用 Vue 2 和 Axios 的过程中,我们可能会遇到一个相对常见的问题——Axios 的响应数据为空。这个问题通常源于请求未能成功完成或响应未能正确处理。接下来,我将详细描述解决这一问题的过程,包括版本对比、迁移指南、兼容性处理、实战案例、排错指南及性能优化等方面。 ### 版本对比 在处理 Vue 2 与 Axios 之间的交互时,了解版本差异至关重要。不同版本之间可能存在特性和兼容
原创 5月前
48阅读
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
原创 8月前
79阅读
文章目录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 ├──├─
转载 8月前
22阅读
什么是JSX摘自 React 官方: 它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言,但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当,而不是必须。因为在绝大多数情况下,模板语法都能胜任,只不过写起来看着不太
转载 2024-06-03 15:34:33
66阅读
  • 1
  • 2
  • 3
  • 4
  • 5