当前位置:首页 > 日记 > 正文

vue怎么设置名字 | vue页面命名规范

vue怎么设置名字 | vue页面命名规范

1. vue页面命名规范

Vue,读音是/vju:/,是一套用于构建用户界面的渐进式框架,自底层向上应用,Vue的核心库只关注视图层,容易入门,可以和第三方库或者已有的项目进行整合,可以做复杂的单页应用。简单的说,vue是一套前端的开发框架,vue是目前三大主流的框架之一,其他两个框架是:React、Angular。

2. vue 组件命名

1.首先,我们需要去导入的项目根目录下看一下,是否包含.project和.classpath这两个文件。

2.由于这个项目下面没有这两个文件,可以从其他的项目复制了一份放到根目录下。

3.因为是复制的其他项目文件,复制完成后需要对.project文件进行修改。这里只修改name标签里面的内容就行,替换为当前项目的名称即可。

3. vue变量命名规范

vue环境变量是指在操作系统中用来指定操作系统运行环境的一些参数,如:临时文件夹位置和系统文件夹位置等。

vue环境变量是在操作系统中一个具有特定名字的对象,它包含了一个或者多个应用程序所将使用到的信息。

例如Windows和DOS操作系统中的path环境变量,当要求系统运行一个程序而没有告诉它程序所在的完整路径时,系统除了在当前目录下面寻找此程序外,还应到path中指定的路径去找。

用户通过设置环境变量,来更好的运行进程。

4. vue 命名规范

vue是在2013年开发出来的,最初命名为Seed;同年12月更名为vue,版本号是“0.6.0”。在2014年正式对外发布,版本号是“0.8.0”。

Vue是一套构建用户界面的渐进式框架。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

5. vue中的name属性

name属性用来定义标签的名称,例如:<el-input name="name"></el-input>

area属性用来定义标签的类型是文本域,例如:<el-input name="name"></el-input>

6. vue的标签

vue中怎么添加标签_具体操作流程介绍

想给视频添加自定义标签的话,用户们需要先点击vue的主页左下角的“导入”功能,在手机本地添加所需的视频素材。视频素材添加完毕后,点击右上角选项进入编辑页面,通过“文字”分类的菜单列表就可以设置自定义标签了。

打开标签的编辑页面之后,选择所需的标签格式就可以输入自定义内容了,我们还能在视频画面上拖动标签的位置哦!

7. vue中定义方法

Vue 项目创建完成后,使用 Web Storm 打开项目,项目目录如下:

build 文件夹,用来存放项目构建脚本

config 中存放项目的一些基本配置信息,最常用的就是端口转发

node_modules 这个目录存放的是项目的所有依赖,即 npm install 命令下载下来的文件

src 这个目录下存放项目的源码,即开发者写的代码放在这里

static 用来存放静态资源

index.html 则是项目的首页,入口页,也是整个项目唯一的HTML页面

package.json 中定义了项目的所有依赖,包括开发时依赖和发布时依赖

对于开发者来说,以后 99.99% 的工作都是在 src 中完成的,src 中的文件目录如下:

assets 目录用来存放资产文件

components 目录用来存放组件(一些可复用,非独立的页面),当然开发者也可以在 components 中直接创建完整页面。

推荐在 components 中存放组件,另外单独新建一个 page 文件夹,专门用来放完整页面。

router 目录中,存放了路由的js文件

App.vue 是一个Vue组件,也是项目的第一个Vue组件

main.js相当于Java中的main方法,是整个项目的入口js

main.js 内容如下:

在main.js 中,首先导入 Vue 对象

导入 App.vue ,并且命名为 App

导入router,注意,由于router目录下路由默认文件名为 index.js ,因此可以省略

所有东西都导入成功后,创建一个Vue对象,设置要被Vue处理的节点是 '#app','#app' 指提前在index.html 文件中定义的一个div

将 router 设置到 vue 对象中,这里是一个简化的写法,完整的写法是 router:router,如果 key/value 一模一样,则可以简写。

声明一个组件 App,App 这个组件在一开始已经导入到项目中了,但是直接导入的组件无法直接使用,必须要声明。

template 中定义了页面模板,即将 App 组件中的内容渲染到 '#app' 这个div 中。

因此,可以猜测,项目启动成功后,看到的页面效果定义在 App.vue 中

App.vue 是一个vue组件,这个组件中包含三部分内容:1.页面模板(template);2.页面脚本(script);3.页面样式(style)

页面模板中,定义了页面的 HTML 元素,这里定义了两个,一个是一张图片,另一个则是一个 router-view

页面脚本主要用来实现当前页面数据初始化、事件处理等等操作

页面样式就是针对 template 中 HTML 元素的页面美化操作

需要额外解释的是,router-view,这个指展示路由页面的位置,可以简单理解为一个占位符,这个占位符展示的内容将根据当前具体的 URL 地址来定。具体展示的内容,要参考路由表,即 router/index.js 文件,该文件如下:

这个文件中,首先导入了Vue对象、Router对象以及 HelloWorld 组件,

创建一个Router对象,并定义路由表

这里定义的路由表,path为 / ,对应的组件为 HelloWorld,即浏览器地址为 / 时,在router-view位置显示 HelloWorld 组件

8. vue文件夹命名规范

文件夹名称应统一格式,小写开头,见名思意,page页面下的文件夹名称统一以page结尾,例如:firstPage。其余文件夹名称统一按照项目结构目录命名规范统一命名。

相关文章

荣耀怎么调整顶部快捷键 | 华为手

荣耀怎么调整顶部快捷键 | 华为手

设置,快捷键,方法,调整,华为,1. 华为手机顶部快捷键怎么设置华为手机快捷键怎么设置呢?这里我们以荣耀V10为例;1,首先打开手机设置2,下拉倒底部点击系统3,点击语言和输入法4,点击实体键盘5,点击键盘快捷帮助程序就可以设置了2. 华为手机底部快捷键…

奥迪主屏幕重启快捷键 | 奥迪中控

奥迪主屏幕重启快捷键 | 奥迪中控

奥迪,重启,屏幕,方法,系统,1. 奥迪中控屏幕重启按键手动让中控屏幕重启。在换挡档把右前面有一个圆形按钮,长按保持一分钟,让中控屏幕重启就行了。如果重启以后,中控屏幕可以正常运行,那么就是正常的。第二种原因:中控屏幕故障如果重启以后,中控…

cad几何公差符号快捷键 | autocad

cad几何公差符号快捷键 | autocad

标注,快捷键,方法,误差,命令,1. autocad公差标注快捷键1、需要先打开一张普通的机械设计图纸,查看图中两个框出的地方。2、通常标注公差可以在“标注样式”里面设置。点击工具栏上的“标注样式按钮”,如果没有在工具栏上找到这个按钮的话,可以…

邮件怎么设置快捷键标签 | 邮件怎

邮件怎么设置快捷键标签 | 邮件怎

设置,快捷键,标签,邮件,显示,1. 邮件怎么设置快捷键标签显示具体的步骤如下:1、打开Word,然后点击邮件,选择标签选项。2、点击进入信封和标签页面,点击标签,输入地址,然后可以选择多少标签。3、设置好之后,点击底部的选项。4、进入标签选项页面,标…

金蝶妙想使用方法 | 急:有关金蝶软

金蝶妙想使用方法 | 急:有关金蝶软

操作流程,专业版,实用教程,财务,操作技巧,1.急:有关金蝶软件的详细操作流程有好多是我们在做服务的时候做的总结,希望对你有帮助。KIS使用流程KIS主要分为系统初始化和日常处理二部分一、nbsp;系统初始化在系统初始化部分主要有以下五个方面:1…

笔记本电脑咋蹭网 | 笔记本电脑蹭

笔记本电脑咋蹭网 | 笔记本电脑蹭

方法,网络,教程,笔记本电脑,无线网,1. 笔记本电脑蹭网方法笔记本电脑想蹭网连接别人的wifi,必须知道网络密匙才行,也就是网络密码,如果没有密码是连接不上的。2. 笔记本电脑怎样蹭网wifi蹭网用的是wifi上网精灵,还不错,出门吃饭啊,玩啊,在一些餐厅…

vivo怎么设置权限 | vivo手机怎么

vivo怎么设置权限 | vivo手机怎么

设置,权限设置,权限,方法,如何设置,1. vivo手机怎么设置权限设置1/4打开vivo手机设置,点击【应用与权限】。2/4点击【权限管理】。3/4在权限页面点击需要设置的音乐权限。4/4选择需要打开权限的音乐应用,将后面的开关开启,这样即可完成vivo音…

小米6usp不能连接电脑 | 小米6x无

小米6usp不能连接电脑 | 小米6x无

无法连接,连接,解决方法,识别,调试,1. 小米6x无法连接电脑的解决1、有可能是没有电了。充电后再试即可。2、有可能是系统卡了。重启手机就可以解决。3、软件不兼容。尝试是否能进入Recovery。进入Recovery的方法:关机状态下,先按住“音量增加…

电脑截屏有快捷键 | 电脑截屏快捷

电脑截屏有快捷键 | 电脑截屏快捷

快捷键,戴尔,工具,属性,按了,1. 电脑截屏快捷键按了没反应快捷键和其他软件冲突了,需要在设置里面重新设置一下。2. 电脑截屏快捷键按了没反应怎么办、点击微信主界面左下角的菜单按钮。2、在弹出的菜单中选择“设置”菜单项。这时就会打开…

战地1显卡设置 | 战地1显示器设置

战地1显卡设置 | 战地1显示器设置

设置,显示器,推荐,方法,显卡,1. 战地1显示器设置战地1辅助设置,游戏,进阶选项,有2种,一种是辅助瞄准,一种是辅助减速(周围有敌人,摇杆灵敏度减低)。2. 战地1显示器设置推荐徒步模式: 前后左右:WASD键 / 手柄左摇杆 抬头低头向左向右看:鼠标 / 手柄…

工资计算方法金蝶 | 金蝶kis标准版

工资计算方法金蝶 | 金蝶kis标准版

工资,设置,项目,计算,标准版,1.金蝶kis标准版工资管理中工资项目和计算方法怎样设置?工资项目--新增,姓名 等是文字型,其余填数字的选数值型。工资计算方法如: 应发计=应付工资+应付津贴+应付个人收入应付工资=岗工+见习+薪级+打折后+增资+护…

胎压监测设置 | 胎压监测器设置教

胎压监测设置 | 胎压监测器设置教

设置,教程,监测,方法,装置,1. 胎压监测器设置教程1、停车关闭引擎后,拉上手刹;2、汽车通电,不要发动发动机;3、同时按遥控器上的锁车和解锁键,按住5秒钟不放,听车短鸣笛两声;4、依照左前轮、右前、右后、左后的顺序重新设定每一个轮胎;5、先重设左…