首页 > 其他分享 >Vue组件的命名规范

Vue组件的命名规范

时间:2023-11-13 10:46:56浏览次数:32  
标签:Vue 规范 命名 使用 组件 模板

给组件命名有两种方式,一种是使用链式命名 my-component,一种是使用大驼峰命名MyComponent, 在字符串模板中<my-component></my-component><MyComponent></MyComponent>都可以使用,在非字符串模板中最好使用<MyComponent></MyComponent>,因为要遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符),避免和当前以及未来的 HTML 元素相冲突

标签:Vue,规范,命名,使用,组件,模板
From: https://www.cnblogs.com/yuhuo123/p/17828637.html

相关文章

  • vue3搭建
    一、Vue3介绍://创建一个Vue实例constapp=Vue.createApp({data(){return{message:'HelloVue!'}}})app.mount('#app')二、安装Vue3:npminstall-g@vue/cli#或者yarnglobaladd@vue/clivuecreatemy-project三、开始开发:<te......
  • vue2 和 vue3 什么区别
    GitHubCopilot:Vue2和Vue3在许多方面都有所不同,以下是一些主要的区别:CompositionAPI:Vue3引入了CompositionAPI,这是一种新的方式来组织和复用代码。这是与Vue2OptionsAPI相比的一个重大改变。性能:Vue3在性能方面进行了大量优化,包括更小的框架大小,更快......
  • 11 13vue代码优化
    今天基本学完了前端vue,整理vue:接口封装//定制请求的实例//导入axios npminstallaxiosimportaxiosfrom'axios';import{ElMessage}from'element-plus'//定义一个变量,记录公共的前缀 , baseURL//constbaseURL='http://localhost:8080';constbaseURL=......
  • VB.NET 添加控件方法-“Windows Media Player”组件
    “工具箱”——“所有Windows窗体”中单击右键,选择“选择项”菜单 打开“选择工具箱项”窗口,选择“COM组件”标签,在列表中找到并勾选“WindowsMediaPlayer”组件,单击“确定”按钮  将该组件添加到指定的工具箱选项卡中然后在工具箱里面找WindowsMediaPlayer控件......
  • vue十三
    <divid="app13">希望翻译成为:<br><selectv-model="obj.lang"><optionvalue="english">英语</option></select><br>请输入:<label......
  • vue十四
    <divid="app14"><button@click="num=num+1">++</button><span>{{num}}</span></div><script>constapp14=newVue({el:'#app14',......
  • 解决vue-element-admin安装报错npm ERR! code 128
    在安装vue-element-admin的npminstall的时候报错npmERR!code128npmERR!AnunknowngiterroroccurrednpmERR!commandgit--no-replace-objectsls-remotessh://[email protected]/nhn/[email protected]:Permissiondenied(publickey).npmERR!fatal:......
  • 使用vue路由
    1.安装vue-router对应版本号为233344使用以下命令[email protected]或者[email protected].在main.js里面使用vue-routerimportVuefrom'vue'importAppfrom'./App.vue'importVueRouterfrom'vue-router'Vue.config.product......
  • Vue使用vuex刷新页面后state数据丢失
    使用 createPersistedState做持久化安装:npminstallvuex-persistedstate--save使用:importVuefrom'vue';importVuexfrom'vuex';importcreatePersistedStatefrom'vuex-persistedstate'importnavCollapsefrom'./modules/navCol......
  • vue基础
    一基础1、v-modelv-bind v-model一般为用户在页面输入的值 而v-bind不行(单项绑定)2、事件v-on  所有定义的方法都应该放在methods中3、vue事件修饰符prevent stop once  4、系统修饰键@keyup   例子@keyup.ctrl="shop" 在按ctrl可以进入绑......