Vue 学习1

vue cli报错 vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFO UND github.

x-dragon8899

299人浏览 · 2020-05-07 21:34:17

x-dragon8899 · 2020-05-07 21:34:17 发布

vue

一、安装nodejs、vue-cli
二、安装及使用webpack
三、Vue-router路由
四、Vue+ElementUI
- 1、创建一个名为 hello-vue 的工程
2、安装依赖
五、嵌套路由
六、路由与404
七、路由钩子

一、安装nodejs、vue-cli

在这里插入图片描述

二、安装及使用webpack

在这里插入图片描述

三、Vue-router路由

在这里插入图片描述
思路：在components中创建一个vue组件，去index.js导入组件并配置路由，去App.vue 中使用

四、Vue+ElementUI

1、创建一个名为 hello-vue 的工程

vue init webpack hello-vue

2、安装依赖

# 进入工程目录
cd hello-vue
# 安装 element-ui
npm i element-ui -S
# 安装依赖
npm install
# 安装 SASS 加载器
cnpm install sass-loader node-sass --save-dev
#启动测试
npm run dev

五、嵌套路由

在这里插入图片描述

重定向
在这里插入图片描述

六、路由与404

在这里插入图片描述

七、路由钩子

在这里插入图片描述

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}$/, //不连续的两位字母// /^