2018年06月_养只猫

转载 axios

vue.js 引入：第一种方法单独将调用的api接口写在一个文件中，在该文件中引入axios模块幷写对应方法函数，在组件界面引入对应方法即可import config from './config' import axios from 'axios' let tconfig = { headers: { 'Content-Type': 'application/x-www-f...

2018-06-13 15:52:34 101

原创父子路由嵌套（用来在同一页面进行内容区域的跳转）

除了主页之外的其它页面也可以拥有子路由这个相比之前写的路由方法可能配置起来会麻烦点首先先在component文件加下新建一个.vue文件，这个文件是父路由，然后再这个目录下载建一个同名的文件夹（方便找）在这个同名的文件夹下建立.vue文件的子路由组件在main.js中配置路由.vue文件中用router-link这个标签到对应的路由组件大工告成...

2018-06-12 14:05:53 7467 5

vue中路由的的方式有很多中编程式导航和命名式的写法也算是比较简单的编程式如下为了方便测试我写在了methods里面的方法里面，在template中定义一个按钮执行方法this.$router.push({path:'home'});这种方法很方便只要在main.js中引入组件不用做其他的设置直接使用。命名式导航和编程式导航不同的是命名式导航需要在main.js中配置一下路由如下{ path: '...

2018-06-12 13:32:32 921 1

原创动态路由和get传值（跳转到详情页）

动态路由的先在main.js中定义路由动态路由和get传值都要定义路由如下下面是主页面的写法这是动态路由的写法这是get的写法子组件只要写入相应的内容不用做其他操作...

2018-06-11 19:39:18 904 2

原创 vue中非父子组件的传值

通过监听广播的方式来进行首先新建一个模块如vueEvent.jsimport Vue from 'vue' var VueEvent =new Vue() export default VueEvent;然后引入到要传值的组件中通过name.$emit('名称'，'数据')发送广播接收的地方在mounted中通过name.$on('名称'，function（）{})接收数据（）...

2018-06-11 18:10:13 728

原创 vue路由

路由是用来跳转页面的。要在vue中建立路由首先要引入路由模块安装npm路由模块在main.js中引入代码如下//安装路由 import VueRouter from 'vue-router' Vue.use(VueRouter); //引入组件 import Home from './components/Home.vue' import News from './components/News....

2018-06-11 17:42:37 124 1

原创父子组件间的数据方法的传递

在对vue了解不深的情况下去看github的项目资源的时候总是很吃力，一个页面通常都去几个文件调取数据和方法。调取数据和方法的代码也是看的很吃力。今天去修炼了一下vue框架中父子组件的关系。首先是父组件主动给子组件传值和方法分两步1.父组件调用子组件的时候调用动态属性 2.在子组件里面通过props接收代码如下：父组件中先引入子组件并使用子组件在父组件中定义数据和方法并在定义的子组件标签上使用其中...

2018-06-01 19:05:14 902 2

转载转载某位大兄弟的vue引用swiper

下载swiper首先使用npm 或者cnpm下载swiper cnpm install swiper引入swiperimport Swiper from ‘swiper’; import ‘swiper/dist/css/swiper.min.css’;使用swiper<div class="swiper-container"> <div class="swiper-wr...

2018-06-01 10:27:25 352

qq_40816649的博客