1.必须安装node.js
2.搭建vue的开发环境,安装vue的脚手架工具 命令行 (脚手架配置一次就好)
npm install -g @vue/cli
3.创建项目 必粗cd到相应的一个项目里面
这个是vue3.以后的创建方法:
vue create my-project
# OR
vue ui 运行用: npm run serve
以前的版本创建方式为:
方式1:
vue init webpack vue-demo01 (适合大型的项目创建的文件较多)
方式2:
vue init webpack-simple vue-demo02 (创建项目问价结构比较简洁,没有语法检查)
4. 路由
路由的配置
1> 安装 cd 到项目目录下
npm install vue-router --save
2> 引入 在main.js中配置
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
3>配置路由
1创建、引入组件
2定义路由 (名字不要改按文档上的来)
const routes = [
{ path: '/home', component: Home}, { path: '/news', component: News},
{path: '*', redirect: '/home'}//默认跳转路由
]
3实例化VueRouter
const router = new VueRouter({ routes
})
5挂载
new Vue({
el: '#app',
router,
render: h => h(App)
})
5动态加载的路由的预留
<router-view></router-view>