1. 自己搭建了一个vue的运行环境,最后出来这个页面,但是之后要怎么 你是用手脚架搭的吗？出来这个页面说明你成功的知完成了第一步 ， 进入到vue的世界了 ， 接下了你想干嘛就干嘛了 ， 环境已经道搭建完成 ， 你需要做的内就是将你想放的东西放进去而已 。
vue都是以组件形式将页面导入进入的 ， import引入容组件 ， 在components中声明 ， 然后在<template></template>；中使用就行了
2. vue怎么刷新当前页面 工具/原料
vue.js
webstorm
方法/步骤
一、原理
如上图所示 ， 我们需要为要刷新的页面A编写一个自动跳回的空页面 ， 当用户操作了A页面后 ， A页面先跳转到空页面 ， 然后空页面马上跳回A页面 ， 这时候vue会去重新加载A页面 。这种方法可以变相实现自我刷新 ， 缺点是当需要刷新的页面较多时 ， 空页面也会随之变多 。
二、当前页面事件监听
如上图所示 ， 我们定义了refreshPage方法 ， 这个方法是对特定事件的回调 ， 在这个方法会处理业务逻辑 ， 然后在最后使用vue的router跳转到一个空页面 ， 这个空页面路由路径是/user/back ， 这个路径是随便取的 ， 大家可以选择自己的路径
三、空页面的编写
步骤阅读
6
如上图所示 ， 在空页面中立即执行路由 ， 跳回原来的页面 ， 这时候原来的页面会进行重新加载 ， 从而实现了刷新 。这里的/user/index就是跳回原来页面的路由路径 ， 大家需要根据自己的项目情况写 。
7
四、注意事项
本经验所使用的方法 ， 其实是一种hack方法 ， 在极端情况下 ， 比如网络极端恶劣 ， 那么可能出现跳到空页面后跳不会来 ， 或者干脆跳不到空页面的情况 ， 大家需要根据自己的项目情况酌情选择 。
3. 如何使用vue直接打开另一个页面其中一个frame App.vue
<router-view/>； // 里面主要内容就是一个路由视图
MenuItems.vue： 侧边菜单栏
<template>
<div>
<；！-- 侧边栏 -->
<md-sidenav。ref="main-sidebar">
</md-sidenav>
<；！-- 点击 MenuItems 中的其中一个菜单 ， 对应的内容显示区 -->
<router-view/>
</div>
</template>
<script>
export default {
methods: {
<；！-- 想要在其他Vue中执行的方法 -->
toggleSidenavInMenuItems() {
this.$refs['main-sidebar'].toggle();
}
}
}
</script>
ContentPage.vue： 右侧内容容器（包括 toolbar 和 content）
<template>
<div>
<!-- Toolbar -->
<md-whiteframe md-tag="md-toolbar">
<md-button @click="toggleSidenavInContentPage()">Toggle按钮</md-button>
</md-whiteframe>
<!-- Content -->
<slot/>
</div>
</template>
<script>
export default {
methods: {
toggleSidenavInContentPage() {
// TODO： 这里该怎么写 ， 去执行在 MenuItems 中的 toggle..方法？？？
}
}
}
</script>
IntroductionPage.vue： 使用ContentPage模板的例子
<template>
<content-page>
</content-page>
</template>
4. vue怎么动态添加组件到页面上 比如有这么个router需要跳转
const router = new VueRouter({