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+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
jQuery数组处理代码详解(含实例演示)
Feb 03 Javascript
利用JavaScript检测CPU使用率自己写的
Mar 22 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jquery easyUI中ajax异步校验用户名
Aug 19 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 Javascript
基于input动态模糊查询的实现方法
Dec 12 Javascript
webpack-dev-server远程访问配置方法
Feb 22 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
用Golang运行JavaScript的实现示例
Nov 25 Javascript
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 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高手?学会“懒惰”的编程
2006/12/05 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
用dtree实现树形菜单 dtree使用说明
2011/10/17 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
2013/02/04 Javascript
使用GruntJS链接与压缩多个JavaScript文件过程详解
2013/08/02 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
2019/04/23 Javascript
通过jQuery学习js类型判断的技巧
2019/05/27 jQuery
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python简单计算数组元素平均值的方法示例
2017/12/26 Python
python批量修改文件夹及其子文件夹下的文件内容
2019/03/15 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
深入了解python列表(LIST)
2020/06/08 Python
python 星号(*)的多种用途
2020/09/21 Python
巴黎一票通:The Paris Pass
2018/02/10 全球购物
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
思想汇报范文
2013/11/04 职场文书
理财学专业自荐书
2014/06/28 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
嘉宾邀请函
2015/01/31 职场文书
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python