vue面试

系列文章目录

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例如：第一章 Python 机器学习入门之pandas的使用

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、Vue传值？

Vue父向子传值为props传递 (及简代码)

// 父组件传递  子组件子啊props中接收
// 注:子组件不可擅自更改props的数据,会报错
<Mycomponent :data='data'></Mycomponent>

Vue子向父传值 (及简代码)

// 子组件
methods:{
	Onclick(){
		this.$emit("objClick",aaaa) // objClick是函数名 aaaa是传参数
	},
},
// 父组件接收
<Mycomponent @objClick="objClick"></Mycomponent> // 子组件

methods:{
	objClick(){
		console.log("接收到子组件的信号了")
	},
},

Vue Vuex (代码太长不想写了)

大概就是定义Vuexjs 如果要分模块就module,调用的就是module的名字比如store,
...mapActions('setting', ['SET_SLIDEBAR_Fold']), //页面中因引入
this.SET_SLIDEBAR_Fold(参数)
详细解释有点麻烦 代码有存储 

provide跟inject (没用过)

// 大概理解就是父组件向最深处的孙子组件传参
provide(){
    return {
      keyName: Vue.computed(() => this.keyName) 
    }
  },
inject:['keyName']

eventBus (也没用过)

 // 大概意思个人理解是创建一个事件中心,相当于中间站 然后传输数据$emit 用$on接收 

minin (混入)

//混入弊端是不可更改 不管哪个组件接收都不可以更改混入的 ps:改了也没用
// 常用做一些公用方法引入仅做查询等
  mixins: [getCurAndDrop, getSysTime],
至于混入的js就是常规vue组件 记得抛出 export default

二、计算属性computed跟watch

计算属性可以不用在data中定义 必须有return

计算属性有缓存,只有定义的值改变了才会重新调取,要不然取值会取得还是之前的值
加入计算属性中有俩依赖,name只要俩依赖任何一个改变都会改变
// 当一个变量的值守多个变量的值影响

watch 必须要在data中定义哦 有两个参数

	firstName: function (oval，nval) {
    	this.xxx= nval + ' ' + this.aaa
    },
	immediate: true,// 代表初始就先走firstName
	deep: true //深度监听
// watch的依赖是只有firstName一个的 异步加载
// 当一个变量改变影响多个变量的值

二、Vue自定义组件添加事件

// 使用修饰符 .native监听组件根元素原生事件

二、使用步骤

1.引入库

代码如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

---

总结

提示：这里对文章进行总结：

例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。