Vue-Cli（脚手架）简单讲解

这里讲解一下Vue-Cli的一些基本使用方法一般新创建好的脚手架：一、插件的配置我们所需要的所有插件都要写在package.json这个文件中：然后在cmd中输入npm install然后就会自动把你所需要的插件下载下来，当然一些最基础的插件已经下载配置好了，当然插件下载下来之后还需要在App.vue文件中进行配置，最常用的插件有:ajax插件‘axios’，库插件‘Vuex’这相当于...

施天琦

183人浏览 · 2018-11-16 17:31:46

施天琦 · 2018-11-16 17:31:46 发布

这里讲解一下Vue-Cli的一些基本使用方法
一般新创建好的脚手架：
在这里插入图片描述

一、插件的配置

我们所需要的所有插件都要写在package.json这个文件中：
在这里插入图片描述
然后在cmd中输入npm install然后就会自动把你所需要的插件下载下来，当然一些最基础的插件已经下载配置好了，当然插件下载下来之后还需要在src中的main.js文件中进行配置，最常用的插件有:ajax插件‘axios’，库插件‘Vuex’这相当于一个库，使我们不用去自己写组件之间的通讯。

二、插件的使用

插件的使用都写在mainjs中：
在这里插入图片描述
先import把插件引入文件中，再用Vue.use用他。

三、组件的使用

在这里插入图片描述
组件全部写在componnents中，并在route中进行配置

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^