Question

自己搭建了一个vue的运行环境，最后出来这个页面，但是之后要怎么做？我自己写了一个小demo，怎么

自己搭建了一个vue的运行环境，最后出来这个页面，但是之后要怎么做？我自己写了一个小demo，怎么让他在这个环境下运行？

Answer 1

你是用手脚架搭的吗？出来这个页面说明你成功的完成了第一步，进入到vue的世界了，接下了你想干嘛就干嘛了，环境已经搭建完成，你需要做的就是将你想放的东西放进去而已。

vue都是以组件形式将页面导入进入的，import引入组件，在components中声明，然后在<template></template>中使用就行了

追问

对啊，但是我不知道把我的东西放在哪儿？

追答

我的文件目录，你说的东西具体是指什么东西啊

追问

谢谢你回复我啊，是这样的，我昨天按照一个vue视频，写了一个留言板的demo，但是在所有指令处下面有个白色实线，提示这个指令not allowed here.然后我就百度，说要搭建环境，然后今天搭建成功了，搭建的时候我重新重新创建了一个项目文件夹，和我昨天写的根本不在一起，所以我想把我昨天写的代码在这个环境里面运行一下

我根本现在一头雾水啊

那个盛放所有页面的pages是你自己手动建的文件夹吗

这个是我的src下面的文件

liuyan那个文件夹是我昨天写的demo

他下面那个vue-demo是我今天新创建的

还有这个错误您遇到过吗

追答

这个解释起来稍微有点麻烦，pages这个是我自己创建的文件夹，你可以按自己的喜好创建，页面方面我都是通过路由 router 加载进来的

然后在app.js中有<router-view class="router-view animated" ></router-view>这样子一段代码，然后当我在页面中用<router-link :to="{path:'/visit/detail',query:{id:visitInfo.id}}">跳转页面的时候，view中的页面就会变化，实现局部页面的更改，官方的API中有很详细的解释的，你自己看看吧

而一些组件有复用性，例如时间日历插件，所以我将他们放在components文件夹中，然后在页面中才会重复使用

追问

好，那您知道我那个错误是什么原因吗

还有一个幼稚的问题，

vue官网中不是还有一个独立版本吗。直接下载并用script引入，那这样是不是就不用搭建环境了？