美文网首页
国庆Vue基础补全(四)

国庆Vue基础补全(四)

作者: key君 | 来源:发表于2019-10-09 16:59 被阅读0次
Prop

在html中prop传值要要用kebab-case,小写连字符,如果这里使用模板字符串,就可以用驼峰

<!-- 在 HTML 中是 kebab-case 的 -->
<blog-post post-title="hello!"></blog-post>

js部分是要用驼峰式的

Vue.component('blog-post', {
  // 在 JavaScript 中是 camelCase 的
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'
})

组件名官方是推荐用kebab-case,组件名是小写,引入的时候也用小写<my-component-name>
组件名首字母用大写MyComponentName,组件引入可以用大写或者小写

Vue.component('my-component-name', { /* ... */ })

事件派发推荐kebab-case 因为:on会把大写转为小写
HTML大小写不敏感

this.$emit('my-event')
<my-component v-on:my-event="doSomething"></my-component>

相关文章

  • 国庆Vue基础补全(四)

    Prop 在html中prop传值要要用kebab-case,小写连字符,如果这里使用模板字符串,就可以用驼峰 j...

  • 国庆Vue基础补全(一)

    以下vue实例简称为vm 动态参数 v-bind:[attributeName] 等价于v-bind:hrefv-...

  • 国庆Vue基础补全(二)

    v-if 下面代码中切换 loginType 将不会清除用户已经输入的内容。因为两个模板使用了相同的元素, 不会...

  • VS Code常用插件

    vue相关 插件名称插件功能vuehelper代码提示vue 2 snippets片段补全

  • Intellij IDEA 常用快捷键

    代码补全 Ctrl + Space: 基础补全 Ctrl + Space二连击: 高级补全(这个真的很神奇) Ct...

  • Vue模板字符串代码补全

    学员提问: 在学习 Vue 视图代码时,无补全标签代码功能 解决方案:设置 emmet 强制补全 打开 vscod...

  • sublime text3 插件

    SyncedSideBar定位打开的文件 DocBlocker自动补全注释 Vue Syntax Highight...

  • vue(element)中使用codemirror实现代码高亮,

    vue(element)中使用codemirror实现代码高亮,代码补全,版本差异对比 使用的是vue语言,用el...

  • Vue基础四

    Vue.js - Day3 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们...

  • vue1.0- autocomplate

    自动补全插件有很多,比如jquery.typeahead.js,vue2.0中可以用element的组件库,vue...

网友评论

      本文标题:国庆Vue基础补全(四)

      本文链接:https://www.haomeiwen.com/subject/rhbwpctx.html