姚丹的博客

安装环境首先安装node.js。然后在cmd里面下命令npm install -g @vue/cli 或者用淘宝镜像cnpm install -g @vue/cli，默认选择defult就行判断安装是否完成，用vue --version，查看vue版本新建一个项目比如hello-world，用这行命令，vue create hello-world运行项目，在terminal下运行这...

父组件传值给子组件，主要是用props,可以传递值，方法，对象(比如自己)首先我定义一个heander.vue,用来作为home中的子组件<template> <div> <!-- title用来显示父组件传过来的值 --> <h3>{{title}}</h3> <!-- ...

父组件主动获取子组件的值Vue中父组件获取子组件的数据和方法主要通过ref，首页给子组件指定ref的值，比如ref="mHeader"，通过this.$refs.mHeader这句代码就能获取子组件，然后就能获取值，比如子组件title的值，就可以这样写this.$refs.mHeader.title。获取方法的写法为this.$refs.mHeader.方法名()。子组件主动获取父组件的值...

vue路由是vue的一个插件，这是vue路由文档的链接首先安装路由，npm install vue-router --save在main.js引入路由import VueRouter from 'vue-router'Vue.use(VueRouter)我引入两页面，注册到路由const routes = [ { path: '/home', component: Hom...

我们要使用两种跳转方式，一种是路由带参跳转，一种是get跳转首先在main.js注册路由{ path: '/News', component: News },//aid是带的参数为aid{ path: '/Content/:aid', component: Content },//使用get方式获取参数，正常注册路由就行 { path: '/PContent', componen...

Vuex主要是实现数据持久化和组件之间数据共享的插件。使用方式，首先安装vuexnpm install vuex --save然后引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);创建一个状态或者数据管理器，比如这里countvar state= { //举个例子，比如记录一个count数值...