Vue 学习1

一、安装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

在这里插入图片描述
在这里插入图片描述

七、路由钩子

在这里插入图片描述在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章