vue
simon-_-
知识改变人生,代码改变世界
展开
-
vue-router的基本使用
前言学习vue路由是必不可少的,vue-router组件是官方推荐使用的,是vue的核心组件;一般使用vue-router做导航菜单和各种页面组件你的切换;安装npm install vue-router --save使用上面的命令在vue项目中引入vue-router组件使用项目的结构大致如图所示首先在router目录下的index.js,注册路由并配置相关的路由impor...原创 2019-10-16 14:32:55 · 261 阅读 · 0 评论 -
使用vue-cli脚手架初始化vue项目
使用vue-cli脚手架初始化vue项目第一步安装:node.js第二步:安装Vue-cli第三步:使用vue-cli脚手架来新建vue项目第四步:启动项目最近新学了一下很火的vue.js,下面是我的利用所学的初始化一个简单vue项目。vue-cli 是vue官方提供的一个脚手架工具,用于初始化一个Vue项目;vue-cli的优势:1、成熟的vue项目架构设计,而且会跟随vue版本的更迭而...原创 2019-09-18 16:48:06 · 1359 阅读 · 0 评论 -
利用vue-cli手动写一个HelloWorld超详解--_--
上一篇博主已经利用vue-cli搭建了一个简单的vue项目并启动了,下面是在下载下来的项目的基础上,自己动手写一个简单HelloWorld例子项目模板解读1.build文件夹下的文件就是 npm run dev所执行的文件2.config执行文件所需要的配置信息3.src 所有组件和图片等资源存放在这4.index.html单页面应用主页5.main.js文件是项目入口配置文件,名字不...原创 2019-09-19 11:22:53 · 2196 阅读 · 0 评论 -
vue组件之间的交互(一)之父组件调用子组件
前言vue组件之间的关系有父子组件、同级组件以及孙父子三级关系、还有更复杂的四级、五级关系,那他们之间的数据以及方法如何传递,也就是父子组件、同级组件、孙子组件等如何调用各自的变量、方法呢?同一组件调用也就是在组件里调用这个组件的变量、方法直接调用<template> <div> <p>{{msg}}</p> <b...原创 2019-09-22 10:04:18 · 192 阅读 · 0 评论 -
vue组件之间的交互(二)之子组件调用父组件
前言vue组件之间的关系有父子组件、同级组件以及孙父子三级关系、还有更复杂的四级、五级关系,那他们之间的数据以及方法如何传递,也就是父子组件、同级组件、孙子组件等如何调用各自的变量、方法呢?子组件调用父组件的变量1.父组件在字标签里说明,menus属性要引用的是父组件定义的menus数组<template> <div id="app"> <Men...原创 2019-09-22 11:05:48 · 221 阅读 · 0 评论 -
vue组件之间的交互(三)之消息订阅与发布组件Pubsub
前言vue组件之间的关系有父子组件、同级组件以及孙父子三级关系、还有更复杂的四级、五级关系,那他们之间的数据以及方法如何传递,也就是父子组件、同级组件、孙子组件等如何调用各自的变量、方法呢?正文前面博主已经讲了同组件和父子组件的交互,那如果两个没有任何关系的组件或者更复杂的孙与子的三级组件、四级组件之间怎么交互?这时再用前面所说的方法已经做不到了或者说很难实现了这时就要用消息订阅与发布组...原创 2019-09-24 19:32:44 · 3265 阅读 · 0 评论 -
vue之插槽Slot的简单使用
前言前面已经说了变量的传递和方法的调用,今天讲的是传一个标签slot它的作用是在页面上占一块区位,方便切换该位置的内容,不需要搞多个页面。正文写个例子1.子组件SlotDemo<template> <div> <h3>子组件的内容</h3> </div></template><scrip...原创 2019-10-02 12:26:46 · 375 阅读 · 0 评论 -
vue的两种ajax框架vue-resource与axios的简单使用
前言在vue中ajax的框架有两种,一是vue-resource,二是axiosvue-resourcevue 插件, 非官方库, vue1.x 使用广泛,属于比较老的ajax框架axios通用的 ajax 请求库, 官方推荐, vue2.x 使用广泛,也是现在主流的ajax框架正文1.vue-resourcevue-resource的GitHub地址https://g...原创 2019-10-03 10:58:10 · 590 阅读 · 0 评论