说不多说直接贴代码,在template里面：<el-autocompleteclass="inline-input"v-model="disease":fetch-suggestions="querySearch"placeholder="请输入疾病名称":trigger-on-focus="fals...

先来个官方解释自定义组件的 v-model我们来实践一下：在子组件中：<template><div><button @click="sub">-</button>子组件的count:{{ count }}<button @click="add">+</button></div></template>&l

**路由 router-view**路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做...

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。那么我们应该怎么操作才能够提高浏览器渲染的性能呢？下面是一种具体的做法，引用的是云中桥的文章高性能渲染十万条数据。什么是虚拟列表虚拟列表其实是按需显示的一种实现...

说不多说直接贴代码,在template里面：<el-autocompleteclass="inline-input"v-model="disease":fetch-suggestions="querySearch"placeholder="请输入疾病名称":trigger-on-focus="fals...

很多伙伴在自己用vue学习开发的过程中，不像真正的工作开发，有后端支持，可以从后端那里调接口拿到真实的数据进行展示。但为了模拟这个过程，我们经常使用自己在本地编写模拟的数据进行使用，然后通过发送ajax请求得到我们本地的数据。这次，超人鸭就使用本地编写的json数据，通过axios发送ajax请求，来获取本地数据，然后实现搜索功能，并在这个功能上加以拓展，实现搜索关键字的高亮。我们一步一步来...