【Vue】 Vue 项目创建和相关组件引入

以你之姓@ 2023-02-18 10:56 21阅读 0赞

# 一、Vue 项目创建 #

vue init webpack 【项目名】

# 二、ElementUI 引入 #

##### 安装 ElementUI
    npm install element-ui -d
    
    ##### 引入 ElementUI
    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    Vue.use(ElementUI)

# 三、引入 Axios #

# 安装
    npm install axios --save
    npm install qs --save
    
    # 引入
    import axios from 'axios'
    Vue.prototype.$axios = axios
    
    import qs from 'qs'
    Vue.prototype.qs = qs

# 四、引入 Vuex #

# 安装
    npm install vuex --save

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70][]

# 五、MD5加密 #

import md5 from 'js-md5'
    
    # 引入
    import md5 from 'js-md5';
    
    # 使用
    md5('holle')  // bcecb35d0a12baad472fbe0392bcc043

# 六、图表 echart #

# 安装
    npm install echarts -s

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200617152913262.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 引入组件、引入图片

引入组件的两种方法 1、全局引入（在App.vue的script标签中） 1、引入（Import 变量 from 路径） import head fo

落日映苍穹つ/ 2023年07月20日 05:39/ 0 赞/ 27 阅读

相关【Vue】Vue 中引入表格组件 vxe-table

vxe-table：一款基于 Vue 开发出来的非常优秀的表格组件，提供了各类操作表格的方法，相关链接如下 git：[https://gitee.com/xuliangzha

水深无声/ 2023年07月10日 14:26/ 0 赞/ 32 阅读

相关 vue项目引入vue-scrollto

vue-scrollto 官方网址为： https://www.npmjs.com/package/vue-scrollto 由于没有安装vue-scrollto，会报出

墨蓝/ 2023年07月01日 08:46/ 0 赞/ 21 阅读

相关 vue怎么引入子组件

第一步：例子是在aboutUs.vue界面引入子组件sideFloating.vue，如下图 ![在这里插入图片描述][20191211173647887.png] 第

痛定思痛。/ 2023年06月21日 07:23/ 0 赞/ 28 阅读

相关 vue创建组件和注册组件_创建Cloudinary Vue组件

vue创建组件和注册组件 ![Vue JS][] While React.js has taken much of the attention during the lat

曾经终败给现在/ 2023年02月22日 01:25/ 0 赞/ 72 阅读

相关【Vue】 Vue 项目创建和相关组件引入

一、Vue 项目创建 vue init webpack 【项目名】二、ElementUI 引入安装 ElementUI npm

以你之姓@/ 2023年02月18日 10:56/ 0 赞/ 22 阅读

相关 vue项目中引入vue-router

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5YmN56uv5omO5

拼搏现实的明天。/ 2022年09月09日 14:51/ 0 赞/ 347 阅读

相关【Vue】—创建组件

【Vue】—创建组件 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

朱雀/ 2022年09月03日 14:27/ 0 赞/ 130 阅读

相关 vue-cli创建vue项目并引入JQ和bootstrap

1.准备工作：安装node，下载地址[http://nodejs.cn/download][http_nodejs.cn_download] 2.安装vue-cli脚手架，命

素颜马尾好姑娘i/ 2022年05月15日 04:16/ 0 赞/ 342 阅读

相关 vue 异步引入组件

异步操作以一个工厂函数的方式定义返回你的组件,这个工厂函数会异步解析你的组件定义,Vue只有在这个组件需要被渲染的时候才会触发该工厂函数且会把结果缓存起来供

心已赠人/ 2021年07月24日 14:39/ 0 赞/ 672 阅读