![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
木鱼show
时光清浅处,一步一安然
展开
-
Vue项目中路由的基本使用
1. 安装vue-router库 将vue-router库安装到项目中,执行命令: npm install vue-router -S 2. 配置路由映射 在src/router目录下,创建一个index.js路由映射文件,内容如下: import Vue from 'vue' import VueRouter from 'vue-router' // 安装路由插件 Vue.use(VueRouter) // 路由映射表 const routes = [ { path: '/', .原创 2020-11-06 10:43:00 · 421 阅读 · 0 评论 -
Vue项目中引入ElementUI组件
1. 创建Vue项目 请参考【PhpStorm创建Vue项目】一文。 2. 安装Element-UI 打开PhpStorm的命令行,执行命令:npm install element-ui -S ,将element-ui组件安装到项目下,如图: 安装成功后,在项目的node_modules目录下,会自动生成一个element-ui目录,其结构如下: 3. 引用elementUI 3.1 引入elementUI 在main.js中引入elementUI,内容如下: ...原创 2020-11-06 10:32:00 · 611 阅读 · 0 评论 -
PhpStorm创建Vue项目,运行及打包发布
话不多说,直接上干货,使用WebStorm开发的同学,步骤与PhpStorm基本是一致的。 1. 安装Node 打开Node.js的官方网站 http://nodejs.cn/download/,找到windows版本的安装包,将其下载到本地,然后双击安装即可,具体安装过程,此处忽略。 Npm命令解释: npm install moduleName:安装模块到项目目录下。 npm install -g moduleName:-g 的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看 npm原创 2020-11-06 10:16:49 · 2159 阅读 · 0 评论