今天正式学习vue世界，每个世界有每个世界的规则，同理Vue的世界也有自己的规则，我们先来看看简单的例子。
一开始我们学习的时候，总会有个简单的例子教我们，比如万能的hello world,现在我们也来在这个世界里创造一个hello word的吧
在dos界面，通过vue-ceil先创立一个项目，命名为Hello World（此步骤不懂，可以百科，很简单的几行命令，当然前提是你先要安装vue环境）
在vue世界里，组件是元素，是有一个个组件组成的一个世界，组件后缀名为.vue，既然组件是基本元素，我们要先创立一个组件，组件是放在指定的房子里，叫做components
由于刚创立的的项目默认有个HelloWorld.vue组件，我们可以在components新建一个组件叫做first.vue，我们可以想象成是一个新手玩家或者新生儿，里面简单编写如下：
<template></template>是主体也就是要显示内容，里面只允许存放一个根节点，而根节点则包含多个子节点。这样子一个新的元素诞生了，那么想要在vue这个世界所被人知道这个新元素，就需要给他一个"身份证号"，那么"身份证号"去哪里注册呢？肯定是去派出所，那么这个派出所相当于我们的router文件夹下的index.js,如图
我们来看看去到这个“派出所”，我们要怎么注册一个身份证号呢？非常简单粗暴，如下：
1.先引入这个元素并且给生成个身份证号“First”
2.然后在系统中登记分配这个身份证号“First”的组件，要住哪里，没有分配，则这个组件没地方住，那么后面页面引入中就无法去它家找这个组件了。
解释下第2步中：path是表示我要给这个组件起一个地址名，可以理解为你要住哪里，component：表示住在这个path地址的元素是谁，要通过“身份证号”登记。
最后在这个世界下执行命令：npm run dev
ok，首页就能显示出万能的hello world
(ps:第一次做笔记，欢迎指导）
网友评论