摘要: v-model 是表单双向数据绑定的简写方式 v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件: text 和 textarea 元素使用 value 属性和 input 事件;checkbox 和 radio 使用 checked 属性和 change 事件;s 阅读全文
posted @ 2021-07-29 23:29 海胆Sur 阅读(61) 评论(0) 推荐(0)
摘要: 参考教程 事件名 会自动将 驼峰 转化为 kebab-case (HTML标签不区分大小写这个问题) props、自定义事件、组件 的命名都存在自动转化。如果你使用的是字符串模板,这个限制就不适用。 emits 选项 当在 emits 选项中定义了原生事件 (如 click) 时,将使用组件中的事件 阅读全文
posted @ 2021-07-29 22:47 海胆Sur 阅读(42) 评论(0) 推荐(0)
摘要: props 暴露的属性,和HTML标签的属性,使用方法相同,可以直接赋值,也可以通过v-bind动态绑定 指明props的类型 以对象形式列出 prop,属性名和值分别是 prop 名称和类型。 会进行类型检查 { props: { propA: String, // 可以为 8 种原生构造函数 S 阅读全文
posted @ 2021-07-29 18:12 海胆Sur 阅读(123) 评论(0) 推荐(0)
摘要: 全局注册 字符串注册 app.component('component-name', { // 组件名不应该用驼峰式 data() { return { count: 0 } }, props: ['title'], template: ` <h4>{{ title }}</h4> <button 阅读全文
posted @ 2021-07-29 18:05 海胆Sur 阅读(33) 评论(0) 推荐(0)