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
-
state:vuex的基本数据,用来存储变量 -
geeter:从基本数据(state)派生的数据,相当于state的计算属性 -
mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。 回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数,提交载荷作为第二个参数。 -
action:和mutation的功能大致相同,不同之处在于 ==》1. Action 提交的是 mutation,而不是直接变更状态。 2. Action 可以包含任意异步操作。 -
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的动态绑定
|