Vue前端开发入门中的一些困惑

Question

我的网页开发经验吧是这样的：Python+Flask+Jinja2+Bootstrap这种的也就是说Python+Flask构造生成业务数据,通过Nginx/Apache等提供HTTP然后渲染到Jinja语法的模板中，然后模板的样式这些主要有bootstrap来提供。可如今，出于各种原因接触了Vue,更加接触了其它一些新的知识，概念。比如Node.js，比如什么路由。首先发现Vue本身有点和jinja2之类的模板语法类似呀，也就是把对应数据渲染到对应的地方去。优势可能是，对于模板比较固定，只是数据发生变化的时候，Vue之类的这种前端优势就来了。另外就是写法，也很让我这种传统的网页开发的人很不能适应。比如我要引用js可能调用引用相应的js文件但是现在学Vue开发，更多的是看到什么importxxx(有点像Python的倒是）然后又冒出来路由。在Flask时吧，感觉很容易理解@app.route('/')之类的。到了Vue吧。importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'Vue.use(Router)exportdefaultnewRouter({routes:[{path:'/',name:'HelloWorld',component:HelloWorld}]})我就觉得大脑一片混乱。首先比如第一句，已经从vue-route引用了Route这玩意。然后又让Vue.use(Router)--何意？好吧，可以理解为让Vue把路由功能装载进来？我实在纳闷，为何Vue不直接默认自带上这个router?且认为它是模块化，组件化吧。那后面一句，又是什么鬼用意？export?default?new?这么学下去，我顶多是能基于现有代码去修改，但是至于让我从空白写起，我实在写不来。也不明白为何这么写。当然理解上的困难可能是我OUT了但求大佬指点迷津，我该补什么知识？还是多练习练习？