vue组件命名和props命名代码详解


Posted in Javascript onSeptember 01, 2019
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
  <div id="app">
    <!-- post-title使用驼峰命名postTitle会报错 blog-post改为blogPost会报错 -->
    <blog-post post-title="hello!"></blog-post>
  </div>



  <script>
    Vue.component('blog-post', { //命名时候可以使用横线
     props: ['postTitle'],         //如果这里使用连接线post-title将报错
     template: '<h3>{{ postTitle }}</h3>'
    })

    new Vue({
      el:"#app",

    })
  </script>

</body>
</html>

总结 props里可使用驼峰命名但不能用横线,如果props使用驼峰 组件上将使用横线

vue组建命名 可以使用驼峰和横线, 如果使用驼峰 组建使用将采用横线使用

以上就是关于vue组件命名和props命名的全部知识点内容,感谢大家的学习和对三水点靠木的支持。

Javascript 相关文章推荐
js同时按下两个方向键
Dec 01 Javascript
jquery text,radio,checkbox,select操作实现代码
Jul 09 Javascript
Jquery 最近浏览过的商品的功能实现代码
May 14 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
JQuery中Text方法用法实例分析
May 18 Javascript
判断数组的最佳方法(推荐)
Oct 11 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
js模块加载方式浅析
Aug 12 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
websocket4.0+typescript 实现热更新的方法
Aug 14 Javascript
JavaScript find()方法及返回数据实例
Apr 30 Javascript
JavaScript 定时器详情
Nov 11 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 #Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
Sep 01 #Javascript
vue中的v-if和v-show的区别详解
Sep 01 #Javascript
react中Suspense的使用详解
Sep 01 #Javascript
vue 实现微信浮标效果
Sep 01 #Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 #Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 #Javascript
You might like
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
推荐10个提供免费PHP脚本下载的网站
2014/12/31 PHP
PHP生成唯一订单号
2015/07/05 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
利用Laravel生成Gravatar头像地址的优雅方法
2017/12/30 PHP
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
jquery计算鼠标和指定元素之间距离的方法
2015/06/26 Javascript
javascript实现类似java中getClass()得到对象类名的方法
2015/07/27 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
nodejs基础之多进程实例详解
2018/12/27 NodeJs
JavaScript设计模式之责任链模式实例分析
2019/01/16 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
js实现飞机大战游戏
2020/08/26 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
在Python的Django框架中编写错误提示页面
2015/07/22 Python
利用Python实现图书超期提醒
2016/08/02 Python
基于Python log 的正确打开方式
2018/04/28 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
解决pip安装tensorflow中出现的no module named tensorflow.python 问题方法
2021/02/20 Python
酒店应聘自荐信
2013/11/09 职场文书
教师评优事迹材料
2014/01/10 职场文书
超市后勤自我鉴定
2014/01/17 职场文书
渡河少年教学反思
2014/02/12 职场文书
空乘英文求职信
2014/04/13 职场文书
消防标语大全
2014/06/07 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
2019财务转正述职报告
2019/06/27 职场文书
JS的深浅复制详细
2021/10/16 Javascript
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL
Mysql数据库group by原理详解
2022/07/07 MySQL