1 、子路由 path = 父路由 + 子路由名字 2、父组件往子组件传值 (props) 1、子组件是弹出框隐藏显示 传值参数 数据,判断true 和 false 条件:show 默认false 当点击按钮触发事件,使show设置true 子组件在展示代码: 2、父组件接受数据 3、接受到show
转载
2023-05-31 18:29:31
101阅读
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-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 }}
<
一、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 存在两种监听方式,分别是简单监听和复杂监听 简单监听:监听的是一个回调函数,当监听的值发生改变时,才会执行监听