随笔分类 - vue
摘要：vue模拟列表数据 <template> <div class="home"> <el-container style="height: 100vh; border: 1px solid #eee"> <el-aside width="auto" style="background-color: r
阅读全文
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
摘要：一、重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能坐视不管。 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/
阅读全文
摘要：一、vue cli 1、什么是vue cli 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI. 如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI 使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每
阅读全文
摘要：前言 本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 Vue 掌握程度有
阅读全文
摘要：“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情。” 我写这个项目的初衷一方面是为了记录自己自学 vue 的一个过程，另一方面是为了帮助小白快速掌握使用 vue 脚手架创建项目的一个完整过程。 本项目是一个基于 vue2 和 Vue-cli 2 开发的后台管理系统
阅读全文
摘要：写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图： vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。 o
阅读全文
摘要：「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 大家好，我是林三心，这几天发生了很多事（具体是啥我就不说了），这些事，吓得我把我这些年珍藏的Vue知识点都拿出来整理了一遍，巴不得能多总结出一道是一道，我拿出了我的笔记，并且使劲回忆，终于悟出了这50道知识点
阅读全文
摘要：1、controller package com.stu.gulimall.product.controller; import java.util.Arrays; import java.util.List; import java.util.Map; import org.springframe
阅读全文
摘要：首先先看一下下面的代码 var vm = new Vue({ el: '#example', data: { message: 'Hello' } }); 这种写法data对象是引用类型 //在vue组件中这样写 data() { return { message: 'Hello' } } //函数
阅读全文
摘要：1. props/$emit 简介 props和 $emit相信大家十分的熟悉了，这是我们最常用的vue通信方式。 props： props可以是数组或对象，用于接收来自父组件通过v-bind传递的数据。当props为数组时，直接接收父组件传递的属性；当 props 为对象时，可以通过type、de
阅读全文
摘要：我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同 vue-router@4。 编程式路由传参 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可
阅读全文
摘要：当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传递的几种方式 Vue2最常见的11种组件间的通讯方式 props $emit / v-on .sync v-model ref $children / $p
阅读全文
摘要：官网 http://www.axios-js.com/ axios 是什么 1. Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。目前是前端最流行的 ajax 请求库 2. react/vue 官方都推荐使用 axios 发 ajax 请求 axios
阅读全文
摘要：vue插槽 1、编译作用域 在真正学习插槽之前，我们需要先理解一个概念：编译作用域。 官方对于编译的作用域解析比较简单，我们自己来通过一个例子来理解这个概念： 我们来考虑下面的代码是否最终是可以渲染出来的： <my-cpn v-show="isShow"></my-cpn>中，我们使用了isShow
阅读全文
摘要：一、vue组件通信 1、props（父向子传递） 父组件使用子组件时，自定义属性（属性名任意，属性值为要传递的数据） 子组件通过props接收父组件数据，通过自定义属性的属性名 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
阅读全文
摘要：vue高阶函数 // 编程范式: 命令式编程/声明式编程 // 编程范式: 面向对象编程(第一公民:对象)/函数式编程(第一公民:函数) // filter/map/reduce // filter中的回调函数有一个要求: 必须返回一个boolean值 // true: 当返回true时, 函数内部
阅读全文
摘要：vue过滤器 Vue.js允许自定义过滤器，可被用于一些常见的文本格式化。 过滤器可以用在两个地方：双花括号插值和v-bind表达式。 过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号指示 支持级联操作 过滤器不改变真正的data，而只是改变渲染的结果，并返回过滤后的版本 全局注册
阅读全文
摘要：vue侦听器watch 使用watch来响应数据的变化 一般用于异步或者开销较大的操作 watch 中的属性 一定是data 中 已经存在的数据 当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监
阅读全文
摘要：Vue 计算属性 computed 模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁 计算属性是基于它们的响应式依赖进行缓存的 computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化 在插
阅读全文