一、vue 过滤器

1. 过滤器

过滤器是给在模板中使用的数据做格式转换的。

过滤器可以用在两个地方：插值表达式和 v-bind 属性绑定。

2.过滤器的兼容性

过滤器仅在 vue 2.x 和 1.x 中受支持，在 vue 3.x 的版本中剔除了过滤器相关的功能。

在企业级项目开发中：

 如果使用的是 2.x 版本的 vue，则依然可以使用过滤器相关的功能

 如果项目已经升级到了 3.x 版本的 vue，官方建议使用计算属性或 methods 方法代替被剔除的过滤器功能

二、侦听器

1. 什么是 watch 侦听器

watch 侦听器可以监听数据的变化，从而针对数据的变化做特定的操作。

2. 检测用户输入的用户名是否可用

需求：检测当前输入的用户名是否可用（类似百度搜索）

实现：使用 watch 监听 username 值的变化，并使用 axios 发起 Ajax 请求。

3. immediate 选项

默认情况下，组件在初次加载完毕后不会调用 watch 侦听器。如果想让 watch 侦听器一进入页面就立即被

调用一次，则需要使用 immediate 选项。

4. deep 选项

如果 watch 侦听的是一个对象，对象中的属性值发生了变化，则无法被监听到。此时需要使用 deep 选项。

5. 监听对象单个属性的变化

如果只想监听对象中单个属性的变化，则可以按照如下的方式定义 watch 侦听器：

三、计算属性

什么是计算属性

计算属性是依赖于 data 中的数据动态计算出来的一个值。

特点：计算属性所依赖的任何一个 data 数据发生变化，这个计算属性也会跟着变化。

计算属性的缓存

计算属性能做的事，都可以使用方法代替。

区别是：计算属性会缓存计算的结果，只有计算属性依赖的数据变化时，才会重新进行计算。而函数不会缓存计算的结果，所以计算属性的性能比函数要好。

四、vue-cli

1. 什么是单页面应用程序

单页面应用程序（英文名： S ingle P age A pplication）简称 SPA，顾名

思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面，所有的功

能与交互都在这唯一的一个页面内完成。

vue 的项目 90% 以上都是单页面应用。

2. 什么是 vue-cli

vue-cli 的作用是可以帮助我们一键生成工程化的 Vue 项目。它简化了程序员基于 webpack 创建工程化的Vue 项目的过程。

3. 安装和使用

①全局安装 vue-cli

npm install -g @vue/cli

使用 vue -V 命令检查是否安装成功

②基于 vue-cli 快速生成工程化的 Vue 项目

vue create 项目的名称（如： vue create demo-1 ）

③启动项目

cd 项目的名称

npm run serve

4. vue 项目介绍

1.项目目录构成

2.工程化的 Vue 项目运行流程

index.html ：单页面应用的唯一的一个 html 页面

1. 中预留了一个 el 区域

2. 还引入一个打包后的脚本文件。

main.js ：webpack 打包的入口文件

把 App.vue 渲染到了 index.html 所预留的 el 区域

App.vue ：项目中最顶层的组件

它包含了所有将来要在页面上渲染的 UI 结构。

零基础可以学的vue（2）相关推荐

零基础可以学的vue（1）
接下来的一段时间,我会持续更新vue相关的知识,如有想学的,可以点点关注哦! 一.vue简介概念:是一套用于构建用户界面的渐进式框架. 构建用户界面:用vue往html页面中填充数据,非常的方便. ...
零基础开始学前端有什么建议？
如今,随着物联网时代的到来和网络营销的日益发展,前端技术比以往更加火热.我们可以看到Web应用与新技术趋势紧密相连,而这直接导致了前端行业广阔的就业前景.正因如此,学习前端的朋友越来越多了.为了帮助大 ...
视频教程-Vue零基础到精通视频教程-Vue
Vue零基础到精通视频教程从事多年web前端开发和教育培训(线上)工作,主要从事web前端工作.php后端工作,在pc端和移动端开发都具有丰富经验,同事有响应式布局.vue框架开发.微信小程序开发经 ...
零基础小白学Java难度大不大
零基础小白学Java难度大不大?有很多人都是非常关心这个问题的,如今java在IT互联网行业的快速发展,引起了很多人的注意,那么,哪些人适合入行Java?零基础学习Java难度大吗?下面,小编就为大家 ...
Java培训好不好?零基础可以学吗?
5g时代的来临,越来越多的人开启智能时代,互联网行业的发展速度越来越快,高薪行业一直受到很多人的关注,尤其是java这一块,很多人都想学习,那么参加Java培训好不好?零基础可以学吗? Java培训好 ...
零基础怎么学UI设计
互联网的快速发展,给很多企业和求职人员有了更多的创业和工作机会,近几年,UI设计行业招聘需求人数就在不断上涨,越来越多的人想转行做UI设计.那么零基础怎么学UI设计?有哪些简单有效的学习方法?我们来看 ...
零基础可以学python吗-Python编程语言好学吗？零基础转行能学Python吗？
Python编程语言好学吗?零基础转行能学Python吗?人工智能时代的来临催生了很多新兴行业,Python是最具代表性也是比较热门的技术之一.有人看好Python入门简单.功能强大的特性,选择转行从 ...
零基础可以学python吗-零基础适合学Python吗？小白能否学会Python？
原标题:零基础适合学Python吗?小白能否学会Python? 我没学过编程,能否学会Python? 肯定的回答您:完全能学会其实,很多个程序员都是从不会到会,每种知识也是从基础到复杂,大家都是从零 ...
零基础如何学Java？能学会Java吗？
Java开发类岗位是目前比较热门的岗位之一,而想要做Java开发就需要精通Java.那零基础如何学Java呢?且听小千给你说一说. 第一步:先把刀磨好首先找一本简单的教材,先对Java有个基本的认识 ...

零基础可以学的vue（2）