![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue实战
不熬夜的程序猿
武汉大学软件工程硕士
展开
-
vue中redirect实现项目中无匹配路径时跳转
1、当输入路径不存在时,我们可以设置路径跳转到主页面。使用redirect实现,具体实现方法:增加{path:'*',redirect:"/"}const routes=[ {path:'/',component:Home}, {path:'/Menu',component:Menu}, {path:'*',redirect:"/"},]...原创 2020-05-02 23:14:19 · 1829 阅读 · 0 评论 -
vue组件间数据如何传递
1、translateOutput组件要引用更组件的数据,那怎么样实现两个组件间的数据传递呢translateOutput组件设置 props:["translatedText"] 父组件通过 属性props向下传递数据给子组件<template> <div id="translateOutput"> <h2>{{translatedTe...原创 2020-04-16 23:44:26 · 146 阅读 · 0 评论 -
vue事件注册方法$emit
1、一个组件中绑定方法,在另一个组件中调用使用事件注册方法$emit组件1中绑定一个方法,如何在根组件总被调用呢。1、组件translateForm.vue中,注册一个方法submitFormexport default { name: 'translateForm', data:textTranslate:"", methods:{ formSubmit:...原创 2020-04-16 23:23:49 · 665 阅读 · 0 评论 -
vue如何发送http请求
1、下载命令行:npm install vue-resource --save2、在main.js中引入vue-resourceimport VueResource from 'vue-resource'Vue.use(VueResource)3、发送请求http在user.vue中的methods中,引入created方法。页面一开始加载http://json...原创 2020-04-09 00:28:22 · 2686 阅读 · 0 评论 -
vue中路由router设置
1、下载路由npm installvue-router --save2、main.js中设置路由3、效果图点击后跳转到不同的组件原创 2020-04-08 23:44:58 · 177 阅读 · 0 评论 -
vue创建一个自己的组件
1、在compinents下创建一个组件Users.vue。模板结构同App.vueUsers.vue代码如下:<template> <div id="users"> <h1>用户信息添加</h1> <form v-on:submit="addUser"> <input type...原创 2020-04-08 00:06:10 · 612 阅读 · 0 评论 -
vue脚手架安装
1、脚手架安装准备准备:首先安装node.js。下载路径:http://nodejs.cn/download/。在命令行中输入node -v 和npm -v检查是否安装成功。2、脚手架安装,安装vue命令行执行 : npm install -g vue-cli 加-g是安装到全局安装需要耐心等待几分钟.....安装完成后,使用命令:vue -v 查看安装是否...原创 2020-04-06 23:25:39 · 200 阅读 · 0 评论