2021-07-31（测试--总结 上）

1、以下会打印：（C）

new Vue({
    data: { a: 1, b: 2 },
    created: function () {
        console.log(this.a)
    },
    mounted(){
        console.log(this.b)
    }
})

A、1,2 B、2 C、1 D、2,1

解析：mounted是挂载后，题中并未挂载
2、Vuex的五种属性

state, getters, mutations, actions, modules

1. state：vuex的基本数据，用来存储变量

2. geeter：从基本数据(state)派生的数据，相当于state的计算属性

3. mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。
   回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，提交载荷作为第二个参数。

4. action：和mutation的功能大致相同，不同之处在于 ==》1. Action 提交的是 mutation，而不是直接变更状态。 2. Action 可以包含任意异步操作。

5. modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。

3、以下获取动态路由{ path: ‘/user/:id’ }中id的值正确的是:(A)

 A、this.$route.params.id

 B、this.route.params.id

 C、this.$router.params.id

 D、this.router.params.id

解释：router是路由器，route是路由

扩展：router与route的区别：
1、router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。
2、route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等

4、Vue 父子组件间的参数传递是如何做到的？

答案：
父组件向子组件传值：
1)子组件在props中创建一个属性，用来接收父组件传递的值
2）父组件中注册子组件
3）在子组件标签中添加子组件props中创建的属性（使用v-bind方式）
4）把需要传给子组件的值赋给该属性
子组件向父组件传值：
1)子组件需要以某种方式（例如点击事件）触发自定义事件
2)将需要传递的数据用过$emit的第二个参数作为实参传入
3)父组件注册子组件并且在标签上绑定自定义的事件的监听

5、class与style如何动态绑定？

class与style的动态绑定