element-ui
elelmuntui安装指令:npm i element-ui -S
在main.js中引入element-ui和相关的css并且声明使用
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
axios
axois的安装指令:npm install axios
router
安装指令:npm i vue-router@3(使用npm i vue-router安装的为router4,在vue2中不支持使用router4)
main.js中引入router并且声明使用
import VueRouter from 'vue-router';//引入路由插件
import router from './router';//引入路由器
Vue.use(VueRouter)
路由:也就是组件 通常在pages文件夹中
路由器:管理路由 在router文件夹中的index.js中
<router-view></router-view>来指定路由呈现的位置
<!-- Vue中借助router-link标签实现路由的切换 -->
<router-link to="/about">About</router-link>
<router-link to="/home">Home</router-link>
main.js文件
//引入VueRouter
import VueRouter from 'vue-router'
//引入路由器
import router from './router'
//应用插件
Vue.use(VueRouter)
//创建vm
new Vue({
el:'#app',
render: h => h(App),
router:router
})
路由器
// 该文件专门用于创建整个应用的路由器
import VueRouter from 'vue-router'
//引入组件
import About from '../components/About'
import Home from '../components/Home'
//创建并暴露一个路由器
export default new VueRouter({
routes:[
{
path:'/about',
component:About
},
{
path:'/home',
component:Home
}
]
})