vue脚手架，过滤器以及键盘修饰符

1.脚手架文件结构

─ node_modules:所有项目依赖文件
─ public：静态资源
—— favicon.ico: ⻚签图标
—— index.html: 主⻚面
─ src：项目源码
——assets: 存放静态资源
——components: 存放组件（小组件）
——router：路由
——store：全局状态管理
————index.js
——views：大组件（存放大页面）
—App.vue: 所有组件的大页面
— main.js: 入口函数
─ .gitignore: git上传时的忽略文件
─ babel.config.js: ES6降级使用
─ package.json: node_modules所下载文件是基于package.json所下载
─ package-lock.json：包版本控制文件
─ README.md: 项目阅读文件
—vue.config.js:进行配置

2.什么是路由

1.后端路由：
对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源

2.前端路由：
对于单⻚面应用程序来说，主要通过URL中的hash ( # 号) 来实现不同⻚面之间的切换

3.键盘修饰符

1.监听所有按键：v-on:keyup
2.监听指定按键：v-on:keyup.按键码

4.过滤器

过滤器可以用在两个地方：双花括号插值和 v-bind 表达式

使用语法:
{{变量 | 过滤器名}}
{{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器，后面过滤器的data就是前面表达式传过来的值

定义语法

全局定义：
通过Vue提供的filter方法定义：
Vue.filter(过滤器名，(参数，参数)=>{
})
参数：过滤器的名字或过滤器执行函数

私有定义:
filters这个是实例化Vue的一个参数，和data,methods平级的，里面放的就是我们这个实例的私有过滤器。
filter:{
过滤器名(参数，参数){
}}

注意事项
1.函数的第一个参数都是data，也就是我们要过滤的值。
2.过滤器可以自定义一些参数。
3.过滤器函数的返回值就是最终显示的值

5.自定义指令

1.全局定义

Vue.directive()
参数：

1. 指令的名字（定义的时候不加v-,使用vue指令的时候加上v-）

2. 对象，里面包含三个钩子方法
   bind 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置
   inserted 这个元素已经渲染到界面上之后执行
   update 当元素有更新的时候执行

3. 这三个方法的参数有哪些

   1,el：指令所绑定的元素，可以用来直接操作 DOM 。
   2,binding：一个对象，包含以下属性：
   ( name：指令名，不包括 v- 前缀。
   value：指令的绑定值，例如：v-my-directive=“1 + 1” 中，绑定值为 2。 )
   3, oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated钩子中可用。无论值是否改变都可用。

2.私有定义（只在当前组件生效）

实例里有个directives属性，这个属性是个对象
里面放的就是我们指令，这个对象键就是指令的名字，后面的对象就是指令的内容，和全局定义是一样的
简写直接写一个函数，函数名就是指令的名字，其他和全局定义是一样的。