1.安装

2.配置

创建 src/plugins/vue-sweetalert2.js 文件并开始编辑

创建 src/plugins/index.js文件并开始编辑

打开main.js文件,引入插件

3.使用

 

1.安装

2.开始配置

创建src/store/index.js  文件,开始编辑

3.全局注册

打开src/main.js文件,开始编辑

4 使用

1.方法一

2.方法二

 

 

 

1.创建home提示页面

2.编辑路由文件

效果

1.编辑子组件

2.全局注册

src/components/index.js

src\main.js

3.使用

 

 

1.安装vue-route

如果默认安装的时候已经安装vue-route,可以跳过 第一步, 第二步, 第三步,直接看4和5如何使用

 2.新建路由配置

创建src/router/index.js文件,开始配置

创建src/router/routes.js文件,开始配置      (这里使用routes命名文件适用与vue2.0,vue3.0请使用routearr,或者其他命名,如果使用routes报错)

3.全局注册,路由配置组件

打开文件src/main.vue

4.添加路由标签

打开文件src/App.vue

5.如何跳转到该路由

1.安装

 

2.配置

1.开启国内镜像加速

2.安装vue-cli

可以把vue-cli 理解为   vue的安装器 就像 laravellaravel安装器一样,会用即可

3.使用vue-cli

使用命令查看一下可以选择安装的类型,

常用选项介绍:

  • 『simple』:通过在一个 HTML 文件中引入 Vue 来使用它;
  • 『browserify』 和 『webpack』: 分别使用 browserify 和 webpack 作为打包工具,并配置了对应的 Vue 组件转换工具和热加载等功能;
  • 『pwa』(Progressive Web App):一种基于前面的『webpack』的模板;

注:browserifywebpack 是前端常用的两种模块打包工具,它们会按需打包应用所需的模块。

4开始安装

  • Project name(项目名称)                                                      :vuejs-essential
  • Project description(项目描述)                                            :A Vue.js project
  • Author(作者)                                                                          :Yuanmin Pu ryunpu@163.com
  • Vue build standalone(Vue 构建方式)                                :独立构建
  • Install vue-router(安装 vue-router)                                  :no 不用
  • Use ESLint to lint your code(使用 ESLint 检查代码)       :no 不用
  • Set up unit tests(设置单元测试)                                        :no 不用
  • Setup e2e tests with Nightwatch(设置 e2e 测试)           :no 不用
  • Should we run npm install …(是否运行 npm install …):选择 Yes, use NPM