vue规范规则

【vue规范规则】的更多相关文章

vue组件,数据通信,样式,JS的规范规则.对vue官方风格指南的总结归类并加入自己的规范,在团队小组中使用. 1.项目名/文件目录命名: kebab-case(- 连接): 项目名:vue-admin 文件目录:table-module 2.组件规范:2.1 组件名为多个单词: 组件名应该始终是多个单词的,根组件 App 以及 <transition>.<component> 之类的 Vue 内置组件除外. 这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为…

CSS命名规范(规则)常用的CSS命名规则

CSS命名规范(规则)常用的CSS命名规则 CSS命名规范(规则)常用的CSS命名规则头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体佈局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner …

Vue（五）Vue规范

代码规范很重要 1.组件名应该始终是多个单词的,根组件 App 除外. 2.组件的 data 必须是一个函数. // In a .vue file export default { data () { return { foo: 'bar' } } } 3.Prop 定义应该尽量详细.[包含了类型.校验] // 更好的做法! props: { status: { type: String, required: true, validator: function (value) { return…

Vue路由规则中定义参数

Vue使用routerLinke定义参数的时候路由规则中不需要更改任何属性. 路由其实就是我们在html中定义的锚点,点击这个连接跳转一个锚点.vue中的路由也是这个原理, 前提是路由必须创建在实例之前. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=…

Vue 路由规则--传参数

1,query方法去获取参数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compa…

初次在Vue项目使用TypeScript，需要做什么

前言总所周知,Vue新版本3.0 使用 TypeScript 开发,让本来就很火的 TypeScript 受到更多人的关注.虽然 TypeScript 在近几年才火,但其实它诞生于2012年10月,正式版本发布于2013年6月,是由微软编写的自由和开源的编程语言.TypeScript 是 JavaScript 的一个超集,扩展了 JavaScript 的语法,添加了可选的静态类型和基于类的面向对象编程. JavaScript开发中经常遇到的错误就是变量或属性不存在,然而这些都是低级错误,而静态…

Vue大概知识体系和学习参考

Vue大概知识体系和学习参考文档官方文档学习,参考,借鉴地址:https://cn.vuejs.org/v2/guide/installation.html 菜鸟教程:https://www.runoob.com/vue2/vue-template-syntax.html Element-UI:http://element-ui.cn/#/zh-CN/component/installation Vue入门基础一.Vue实例创建和使用: 1.声明一个 new Vue({}) 实例 2.设置数…

前端规范之JS代码规范（ESLint + Prettier）

代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题.而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范.同样,前段时间,笔者所在的团队也开展了一波开源治理,而其中代码规范就占据了很重要的一项.接下来的几篇文章,将会对JS代码规范.CSS规范.Git工作流规范以及文档规范进行详细的介绍~ 系列文章: 前端规范之JS代码规范(ESLint + Prettier) 前端规范之CSS规范(Stylelint) 前端规范之Gti工作流规范(Husky…

vue 排错

error The template root requires exactly one element vue/no-multiple-template-root ... 解决办法: .eslintrc.js 文件 extends 中的 'plugin:vue/essential',改成'plugin:vue/vue3-essential' error The "page" component has been registered but not used vue/no-unuse…

css的书写规范+常用

格式化: body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ margin:0; padding:0;} a{ color: inherit; text-d…

mysql及php命名规范

一.mysql命名规范 1.设计原则 1) 标准化和规范化数据的标准化有助于消除数据库中的数据冗余.标准化有好几种形式,但 Third Normal Form(3NF)通常被认为在性能.扩展性和数据完整性方面达到了最好平衡.简单来说,遵守3NF 标准的数据库的表设计原则是:“One Fact in One Place”即某个表只包括其本身基本的属性,当不是它们本身所具有的属性时需进行分解.表之间的关系通过外键相连接.它具有以下特点:有一组表专门存放通过键连接起来的关联数据.举例:某个存放客户…

c#基础精华01（强调代码规范，虚方法,抽象方法，接口）

强调代码规范规则(法律,必须遵守否则报错) 语法规范(道德,大家都喜欢有道德的人.) 注释//,/**/,/// 骆驼命名 :第一个单词首字母小写,之后的单词首字母大写 userName.userPassword.realName…(普通变量(局部变量).字段) 帕斯卡命名:第一个单词首字母大写,之后的单词首字母大写 GetMax().ChangeName()…(方法名.类名.属性名) 定义的变量或者方法名字要有意义. 方法名:动词.Write().Open().Close().Dispo…

前端基础系列——CSS规范（文章内容为转载）

原作者信息作者:词晖链接:http://www.zhihu.com/question/19586885/answer/48933504 来源:知乎著作权归原作者所有,转载请联系原作者获得授权. 书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text…

CSS 命名规则

CSS书写顺序: 位置属性(position, top, right, z-index,display, float等) 大小(width, height, padding, margin) 文字系列(font, line-height, letter-spacing,color- text-align等) 背景(background, border等) 其他(animation, transition等) CSS命名规范(规则)常用的CSS命名规则头:header 内容:content/co…

【css】css规范

说法一: 属性的书写顺序, 举个例子: .hotel-content { /* 定位 */ display: block; position: absolute; left: 0; top: 0; /* 盒模型 */ width: 50px; height: 50px; margin: 10px; border: 1px solid black; / *其他* / color: #efefef; } 定位相关, 常见的有:display position left top float 等盒模型…

Vue 根组件,局部,全局组件 | 组件间通信,案例组件化

一组件 <div id="app"> <h1>{{ msg }}</h1> </div> <script src="js/vue-2.5.17.js"></script> <script type="text/javascript"> // 通过new Vue创建的实例就是根组件(实例与组件一一对应,一个实例就是一个组件) // 每个组件组件均拥有模板,temp…

Javascript - Vue - 指令

指令 v-cloak 解决闪烁,闪烁是指在网速较慢的情况下可能会出现插值表达式{{}}还没有填充数据时会把该表达式直接显示在页面上,如果不希望看到插值表达式则可以使用v-cloak指令,具体做法如下 <style> [v-cloak]{ display:none; }</style><body> <div id="app" v-cloak> {{msg}} </div><…

如何规范 CSS 的命名和书写

我开始学前端的时候也是对于规范问题头疼,后来看了网易的NEC规范,惊呼牛逼 NEC : 更好的CSS样式解决方案只遵循横向顺序即可,先显示定位布局类属性,后盒模型等自身属性,最后是文本类及修饰类属性. → 显示属性自身属性文本属性和其他修饰 display width font visibility height text-align position margin text-decoration float padding vertical-align clear b…

规范命名CSS

作者:词晖链接:https://www.zhihu.com/question/19586885/answer/48933504来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-a…