1 、子路由 path = 父路由 + 子路由名字 2、父组件往子组件传值 (props) 1、子组件是弹出框隐藏显示 传值参数 数据,判断true 和 false 条件:show 默认false 当点击按钮触发事件,使show设置true 子组件在展示代码: 2、父组件接受数据 3、接受到show
转载 2023-05-31 18:29:31
101阅读
1、简介  Data与el2写法: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阅读
学习使用vue2时,碰到问题及个人总结介绍
原创 2022-11-29 16:08:52
360阅读
⭐ v-for 遍历避免同时使用 v-if⭐ v-for key绑定唯一值⭐ v-show与v-if对性能影响⭐ 妙用计算属性⭐ 使用防抖与节流控制发送频率⭐ 路由守卫处理请求避免重复发送请求⭐ 使用第三方UI库引入方式【前言】该系列是博主在使用vue2开发项目中常用上一些小Tips,学开心!⭐ v-for 遍历避免同时使用 v-if在 Vue2 当v-for与v-if同时用时,
原创 2023-06-27 10:31:19
488阅读
概述计算属性指的是通过一系列运算之后,最终得到一个属性值。间理解,当我们拥有一些数据时,我们需要将这些数据整合到一起,这时候计算属性就会完成这个操作,整合到一起数据会变成实例一个新属性值。当用户改变某个数据时,计算属性也会动态调成整合后数据。这个动态计算出来属性值可以被模板结构或 methods 方法使用。使用<body> <div id="app">
1、代码层面的优化使用 v-if 与 v-show 减少初始化渲染和切换渲染性能开销;(v-if其实是重复销毁与创建,v-show只是基于简单CSS进行切换)v-for 加上 key提高 Diff 算法速度;图片大小优化以及懒加载(vue-lazyload); 不同格式图片对比               
转载 2023-06-27 21:14:38
70阅读
感谢无私分享,亲测可用,亲们放心使用!好东东,没个标题看着多难受看到1文章 http://blog.csdn.net/qishuixian/article/details/72912368推荐使用 vue-wechat-title插件npm install vue-wechat-title --save 下看后我使用方式1. 在 main.js impo...
转载 2021-08-13 18:48:29
299阅读
我们在给子组件传递数据时候,也就是父传子,一般写在props, 其实也可以写在attrs,如果写在attrs,我们也可以在子组件
原创 2024-07-01 15:09:20
404阅读
Vue2键盘事件:keydown/keyup...1.使用[html] view plain copy>  html>  head>      title>title>      meta char
转载 2022-05-27 07:10:22
885阅读
由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大插件。npm install echarts -S 或者使用淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install echarts -S创建图表 首先需要全局引入 在main.js// 引入echar
结合Vue.js官方文档Vue.js 允许你自定义过滤器,可被用于一些常见文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式尾部,由“管道”符号指示:<!-- 在双花括号 --> {{ message | capitalize }} <
转载 6月前
16阅读
VUE2项目在工作遇到几个打包和发布问题
原创 精选 2024-04-16 11:28:57
1923阅读
1点赞
一、main.js和store下index.js配置二、vuex中值得读取$store.state.counter三、方法调用this.$store.commit('increment')要写在mutations下
原创 2022-12-05 15:27:12
249阅读
vue-router是vue路由工具项目开发核心之一首先安装路由 npm install vue-router使用路由import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter)最优路由创建方式const router = new VueRouter({ routes: [{ path: '/foo
转载 2024-10-20 07:17:54
316阅读
1. 如果没有设置挂载点,会导致this指向出现错误,不再是vue实例。 ...
转载 2021-09-03 17:17:00
319阅读
2评论
跨域设置 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阅读
Vue2 存在两种监听方式,分别是简单监听和复杂监听 简单监听:监听是一个回调函数,当监听值发生改变时,才会执行监听
原创 9月前
164阅读
  • 1
  • 2
  • 3
  • 4
  • 5