
Vue
木鱼show
时光清浅处,一步一安然
展开
-
Vue项目中路由的基本使用
1. 安装vue-router库将vue-router库安装到项目中,执行命令:npm install vue-router -S2. 配置路由映射在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 · 461 阅读 · 0 评论 -
Vue项目中引入ElementUI组件
1. 创建Vue项目请参考【PhpStorm创建Vue项目】一文。2. 安装Element-UI打开PhpStorm的命令行,执行命令:npm install element-ui -S ,将element-ui组件安装到项目下,如图:安装成功后,在项目的node_modules目录下,会自动生成一个element-ui目录,其结构如下:3. 引用elementUI3.1 引入elementUI在main.js中引入elementUI,内容如下:...原创 2020-11-06 10:32:00 · 646 阅读 · 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 · 2297 阅读 · 0 评论