0107

迷南。 2021-09-17 14:10 216阅读 0赞

1.事件对象和获取事件对象  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 1]

2.子组件和父组件之间的通信  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 2]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 3]

3.computed计算属性中的方法在其他地方需要使用 可以直接用this.方法名获取

> computed: \{  
> routeName() \{  
> return [this.$route.name][this._route.name];  
> \}  
> \},  
> created() \{  
> console.log(‘路由地址：’ + this.routeName);  
> \},

4.props中定义默认值为数组

> props: \{  
> filterList: \{  
> type: Array,  
> default: () => \[\]  
> \},  
> className: \{  
> type: String,  
> default: ‘’  
> \},  
> defaultStatus: \{  
> type: String,  
> default: ‘’  
> \}  
> \},

5.app头部引入图标的另一种方式  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 5]

6.回退到上一个路由地址

this.$router.back(-1);

7.文本垂直居中

align-items: center;

8.cmd命令窗口跳转到上一级目录

> cd… 回车

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70]: /images/20210812/6df906b9508c48009953eb7146741165.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 1]: /images/20210812/1a2845777667447b886e1d26b3f80ef5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 2]: /images/20210812/f3a50270a55941f9a696ed373cf92d65.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 3]: /images/20210812/25d7593adc9049b99f42f1c28421b373.png
[this._route.name]: http://this.$route.name
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 4]: /images/20210812/3728eee7813d4e31bd8c1516a09acac6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NzNTE1ODk2NzQ1_size_16_color_FFFFFF_t_70 5]: /images/20210812/16da173ecfbb4837801faacd483cb0c1.png