前端Vue
文章平均质量分 91
彼岸花@开
万里南天外,求书禹穴间
展开
-
Vue前端之路(四)---Vue Router
目录 1.Vue Router概述 2.安装和引用 3.基础路由使用 3.1.一级路由 3.2.动态路由传参(基础写法) 3.3.重定向路由和404路由 3.4.嵌套路由 3.5.声明式导航和编程式导航 4.命名路由和命名视图 4.1.命名路由 4.2.命名视图 5.动态路由传参(改进写法) 6.导航守卫 6.1.全局前置守卫 6.2.全局后置钩子 6.3.路由独享的守卫 7.路由元信息 1.Vue Router概述 Vue Router是vue官方的路由管..原创 2021-06-23 15:55:32 · 213 阅读 · 0 评论 -
Vue前端之路(三)---Vuex的入门
1.Vuex概述 是实现组件全局状态数据管理的一种机制,可以方便的实现组件之间数据的共享 好处 管理共享的数据,易于开发和后期维护 共享高效率,能够提高开发效率 存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步 2.组件之间共享数据的方式 Vue.js为最常用的两个指令v-bind和v-on提供了缩写方式。 v-bind指令可以缩写为一个冒号。 v-on指令可以缩写为@符号 父组件向子组件传值:v-bind属性绑定 子组件向父组件传值:v-on 事件绑定 2.原创 2021-05-25 17:43:57 · 208 阅读 · 3 评论 -
Vue前端之路(一)---入坑前的准备
目录 1.序言 2.准备工作 2.1.安装运行环境 2.1.1.nodejs安装(必做) 2.1.2.npm淘宝源配置(选做) 2.1.3.vue的安装(必做) 2.2.vue-cli3脚手快速架构建vue项目 2.3.开发环境(IDE)的安装 前端常用插件 (ps: 必备 > 推荐 > 了解) 1.序言 最近由于工作需要加上没有前端工程师,本着兴趣广泛,开始了小白踏上前端vue入坑之旅,自从出现前后端分离的流行趋势之后,很久不再写js+css了,都说vue...原创 2021-02-23 17:03:15 · 2494 阅读 · 0 评论 -
Vue前端之路(二)---组件库element
序言 网上各式各样的组件库,眼花缭乱,这里选择了饿了吗推出的element,网站地址:https://element.eleme.cn/#/zh-CN 1.element集成 1.1.npm安装element 打开vscode和项目,在终端下执行安装命令,命令如下: npm i element-ui -S 1.2.完整引入element 在 main.js 中写入以下内容 import Vue from 'vue'; import ElementUI from 'element-ui原创 2021-02-24 10:47:24 · 720 阅读 · 0 评论