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 相关文章推荐
Javascript中各种trim的实现详细解析
Dec 10 Javascript
浅谈Jquery为元素绑定事件
Apr 27 Javascript
原生js与jQuery实现简单的tab切换特效对比
Jul 30 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
JS通过调用微信API实现微信支付功能的方法示例
Jun 29 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
JavaScript递归函数定义与用法实例分析
Jan 24 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 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守护进程化在C和PHP环境下的实现
2017/11/21 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
python使用win32com在百度空间插入html元素示例
2014/02/20 Python
python实现的简单文本类游戏实例
2015/04/28 Python
Python实现网络端口转发和重定向的方法
2016/09/19 Python
Tensorflow中使用tfrecord方式读取数据的方法
2018/06/19 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
python数据化运营的重要意义
2019/11/25 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
李维斯牛仔裤英国官方网站:Levi’s英国
2019/10/10 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
质量承诺书怎么写
2014/05/24 职场文书
团队激励口号
2014/06/06 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
食品质检员岗位职责
2015/04/08 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
教师网络培训心得体会
2016/01/09 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
如何优化vue打包文件过大
2022/04/13 Vue.js
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL