前端Vue项目详解--初始化及导航栏

使用CND引入 Element 需要在链接地址上锁定版本，以免将来 Element 升级时受到非兼容性更新的影响。在项目中可以引入整个Element，或者是根据需要仅引入部分组件。完整引入在 main.js 中写入如下内容：以上代码便完成了 Element 的完整引入。尝试在App.vue使用elementui的Button按钮：显示效果：按需引入借助 babel-plugin-component，可以只引入需要的组件，以达到减小项目体积的目的。linkActiveClass 全局配置 的默认“激活 class 类名”。默认值可以通过路由的构造选项 linkActiveClass 来全局配置。hash模式的特点在于hash出现在url中，但是不会被包括在HTTP请求中，对后端没有影响，不会重新加载页面。如果不想要这种显示比较丑的hash，可以用路由的 history模式，这种模式充分利用 history.pushState API来完成URL跳转而无需重新加载页面。