Vue抬起头，让我看看你（初始化学习Vue项目）博客说明，文中涉及的资料来源于互联网和个人总结，意在总结个人学习和经验，如有侵权，请联系我删除，谢谢！Vue简介相信大家都听说过vue。毕竟有句话叫前端能懂vue。嗯，这句话还有待讨论，这里就不讨论了。官方介绍地址Vue（读作/vju?/，类似于view）是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层，不仅易于使用，而且易于与第三方库或现有项目集成。另一方面，当与现代工具链和各种支持库相结合时，Vue也完全有能力为复杂的单页应用程序提供支持。介绍一款易操作、易学、易上手的前端敲门砖。Vue的特点1.体积小2.执行效率更高（虚拟DOM）3.双向数据绑定（更关注业务操作）4.组件化开发5.渐进式（可以嵌入部分Vue代码）安装//是否安装vuevue-V//版本说明出现@vue/cli4.5.8//安装vuenpminstallvue页面介绍可以在html中导入vuejsusingvue-cliVue提供了一个官方的CLI，可以为单页应用程序(SPA)快速构建复杂的脚手架。它为现代前端工作流程提供开箱即用的构建设置。只需几分钟即可启动并运行热重载、保存时的lint检查和生产就绪构建。可以在VueCLI的文档中找到更多详细信息。安装//全局安装vue-clinpminstall--globalvue-cli创建一个vue项目，进入自己的工作目录vueinitwebpackprojectNmaeInitializeprojectconfiguration选择并配置相应的参数。刚开始学习vue项目时，可以选择使用上面的Configureandrun进入项目目录npminstall//安装项目依赖npmrundev//运行并打开运行地址vue项目目录一张图说明vue-cli生成的目录，页面是自己添加的，页面放入page，component放入一些常用组件。其实build和config目录还需要详细说明，不过看了标题我们还是选择src目录作为撬头盖的棒子吧。主要看路由器。是不是感觉路由器这个词经常出现，而且是路由。vue路由允许我们设置不同的参数，通过我们的server加上router中配置的参数，也就是路径，让多个页面的地址相同，可以重复跳转。importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'importLongTouchfrom'@/pages/LongTouch/index'Vue.use(Router)exportdefaultnewRouter({routes:[{path:'/',name:'HelloWorld',component:HelloWorld},{path:'/long-touch',name:'LongTouch',component:LongTouch}]})子路由当然要配置这条路线也是您可以设置子路线。设置子路由时需要注意路径的拼接。从“vue”导入Vue从“vue-router”导入路由器从“@/components/HelloWorld”导入HelloWorld从“@/components/ImgPage”导入ImgPage从“@/pages/LongTouch/index”导入LongTouchRouter)exportdefaultnewRouter({routes:[{path:'/',name:'HelloWorld',component:HelloWorld,children:[{path:'/img',name:'img',component:ImgPage,}]},{path:'/long-touch',name:'LongTouch',component:LongTouch}]})路由跳转在日常业务中，页面跳转是不可避免的硬需求，跳转可以通过使用html和js使用路由器链接方法(html)
