![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2
碎月冰蓝C
这个作者很懒,什么都没留下…
展开
-
Vue2 el-menu实现路由跳转及当前项的设置
解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。 导航当前项,在el-menu标签中绑定 :default...原创 2018-10-19 08:51:06 · 2251 阅读 · 0 评论 -
Vue2项目打包
使用npm run build进行打包,或者通过查看项目中的package.json文件中的bulid的打包命令。打包完成后,可以看到有提示build complete。build完成时可以在项目中发现多了一个dist文件夹,里面包括一个css文件,js文件和index.html。如下图:项目最终上线的内容是打包压缩的,也就是上面的dist文件。...原创 2018-10-19 08:52:25 · 2141 阅读 · 0 评论 -
Vue2整合element-ui
安装 Element-UI 模块:npm install element-ui –save src/main.js中写入以下内容: import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI); 直接在vue文件内使用element...原创 2018-10-17 09:09:08 · 649 阅读 · 0 评论 -
Vue2 文件目录结构详解
原创 2018-10-17 08:53:48 · 1103 阅读 · 0 评论 -
Vue2环境搭建
检查本地是否安装node:node –v 如果没有安装从node官网上下载相应的node,安装成功即可。 2. 检查本地npm版本:npm –v 如果版本太低可以通过:npm install -g npm进行升级 3. 全局安装webpack:npm install webpack –g 4. 安装vue脚手架:npm install vue-...原创 2018-10-16 09:14:51 · 381 阅读 · 0 评论