【vue学习笔记（七）---- vue中的路由】的更多相关文章

vue学习笔记(九)vue-cli中的组件通信

前言 在上一篇博客vue学习笔记(八)组件校验&通信中,我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信),上一篇博客也提到那是对组件内容的刚刚开始,而本章博客将会重点的讲解vue-cli中的组件通信,毕竟这在以后的开发内容中是非常普遍使用的.那么一起来看看本篇博客需要学习的知识点吧! 本章目标 学会使用vue-cli中父组件向子组件传递信息 学会使用vue-cli中子组件向父组件传递信息 学会使用vue-cli中非父子组件传递信息 vue-cli中的父组件…

vue学习笔记(七)组件

前言 在前面vue的一些博客中,我们几乎将vue的基础差不多学习完了,而从本篇博客开始将会进入到vue的另一个阶段性学习,本篇博客的内容在以后的vue项目中占很大的比重,所以小伙伴们需要认真学习,本篇博客的内容也比较简单,看过我博客的人都知道我所写的每一篇博客都是非常的详细的,所以大家不要担心学不会.我会尽量将所学的知识讲解的通俗易懂,让大家学习起来更加快乐,那么一起来看看吧! 本章目标 学会使用全局组件和局部组件 学会ref引用 初识组件 解释:组件系统是 Vue 的另一个重要概念,因为它是一…

【Vue学习笔记】—— vue的基础语法 { }

学习笔记 作者:oMing vue v-on: 简称 @ <div id='app'> <button v-on:click='Show1'> </button> <button @click='Show2'> </button> </div> new Vue({ methods: { show1(){ console.log("show1") }, show2(){ console.log("show2…

vue学习笔记：vue的认识与特点与获取

Vue了解 Vue:读作 view Vue是一个渐进式框架 与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计. Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合. 另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. 关于渐进式: 意味着你可以把vue作为应用的一部分嵌套进去,带来更丰富的交互体验 或者如果你希望将更多的业务逻辑使用vue来实现,vue的核心类库以及生态系统 vue的特点 vue有很多特点和web开发…

vue学习笔记(二)vue的生命周期和钩子函数

前言 通过上一章的学习,我们已经初步的了解了vue到底是什么东西,可以干什么,而这一篇博客主要介绍vue的生命周期和它常用的钩子函数,如果有学过java的园友可能有接触到在学习servlet的时候学过servlet的生命周期servlet 加载--->实例化--->服务--->销毁,对于vue的而言他也有自己的生命周期,那么一起来看看吧! 本章目标 学会并了解vue的生命周期和钩子函数 vue的生命周期和钩子函数 其实在提到vue的生命周期和钩子函数的时候,有的人认为常用的钩子函数有10…

Vue学习笔记七：Vue中的样式

目录 两种样式 class样式 内联样式 两种样式 Vue中使用样式方式有两种,一种是class样式,一种是内联样式也就是style class样式 class样式使用的方式有5种,HTML如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w…

vue 3 学习笔记 (七)——vue3 中 computed 新用法

vue3 中 的 computed 的使用,由于 vue3 兼容 vue2 的选项式API,所以可以直接使用 vue2的写法,这篇文章主要介绍 vue3 中 computed 的新用法,对比 vue2 中的写法,让您快速掌握 vue3 中 computed 的新用法. 组合式 API 中使用 computed 时,需要先引入:import { computed } from "vue".引入之后 computed 可以传入的参数有两种:回调函数和 options .具体看看它是如何使用…

Vue学习笔记之Nodejs中的NPM使用

0x00 NPM是什么 简单的说,npm就是JavaScript的包管理工具.类似Java语法中的maven,gradle,python中的pip. 0x01 NPM安装 傻瓜式的安装. 第一步:打开https://nodejs.org/en/ 第二步: 第三步:我们为了统一版本,虽然node.js更新到了8.11.1的版本,但对于我个人而言,还是比较喜欢6.10.*版本的. 第四步: 第五步:点点点.为了避免环境变量出现额外的问题,winodows用户将nodejs统一安装在c盘中,mac电脑…

AntDesign vue学习笔记（三）嵌套路由使用

本项目目前结构如下 1.Login页面=>MainFrm页面=>MainFrm左部菜单,右边是显示区域可以切换子页面. 2.当点击左部菜单时,右边的子页面随着进行切换. 实现关键代码如下1.修改router下的index.js export default new Router({ routes: [ { path: '/', name: '登录', component: Login } { path: '/MainFrm', name: '首页', component: MainFrm, c…

vue学习笔记—bootstrap+vue用户管理

vue,读音view,简单易用的前端框架.特点如下: 1.一个mvvm的前端框架,内部做好了html中dom对象和后台用js语言定义的变量的双向绑定 2.中国人尤雨溪维护的个人项目,中文资料多,和google维护的angular框架相似 ..... bootstrap,一个css库,内部定义了很多样式类型(btn btn-sm btn-danger text-center table....),dom元素中class赋值相应的样式类型,则有相应的风格.比传统的好看. 学习视频:https://p…