摘要:定义组件时,如果是需要参数传递则,将要传递的参数放在`props`中,`props`可以是一个数组也可以是一个字典,字典中可以定义是否是必须传递和参数的类型。如下: porps:{ books:{ type: Array, required: true, default: '四大名著' } } 在传 阅读全文
posted @ 2020-02-20 19:00 xsan 阅读(8975) 评论(0) 推荐(0) 编辑
摘要:当某些html代码是重复使用时,就可以将其写成组件,直接调用,方便以后的修改。 需要注意的是:定义的组件只能在注册过的代码块中使用,且定义组件的Vue.component是 和注册代码是同级的。 其形式为: Vue.component("组件名", { template: "定义的html代码", 阅读全文
posted @ 2020-02-20 18:04 xsan 阅读(422) 评论(0) 推荐(0) 编辑
摘要:v-model指定可以实现表单值与属性的双向绑定。即表单元素中更改的值会自动的更新属性中的值,属性中的值发生变化会自动更新表单里的值。 绑定的属性和事件 v-model在内部输入不同的元素使用不同的属性并抛出不同的事件。 text和textarea元素使用value属性和input事件; check 阅读全文
posted @ 2020-02-20 17:24 xsan 阅读(650) 评论(0) 推荐(0) 编辑
摘要:监听属性可以针对某个属性进行监听,当监听的属性的值发生了变化,则会执行相应的函数。 监听的函数要写在vue的watch属性中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c 阅读全文
posted @ 2020-02-20 14:56 xsan 阅读(648) 评论(0) 推荐(0) 编辑
摘要:一般情况下属性都是放在data中的,但是有些属性可能是需要经过一些计算才能得出,那么,我们可以把这类属性变成计算属性。此时,需要将这些计算属性写到computed中,和将属性写在data中是一样的。表面上看,计算属性和methods一样,实际上,计算属性更加智能,他是基于它们的响应式依赖进行缓存的。 阅读全文
posted @ 2020-02-20 11:29 xsan 阅读(1133) 评论(0) 推荐(0) 编辑
摘要:v-on: v-on是给元素绑定事件,其简写是“@+事件名” event事件: 将event元素传递给函数时,在传递时一定要写成“$event”,而函数中的形参是什么都无所谓了。 事件修饰符: .prevent:阻止默认时间的执行; .stop:event.stopPropagation,阻止事件冒 阅读全文
posted @ 2020-02-20 10:20 xsan 阅读(522) 评论(0) 推荐(0) 编辑