redirect-重定向(基本用法)
默认情况下,刚进入应用时会进入到 ‘/’ 这个路由,通过重定向,可以直接进入 ‘/step2’
import Vue from 'vue'
import Router from 'vue-router'
import step1 from '@/components/step1'
import step2 from '@/components/step2'
import step3 from '@/components/step3'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'step1',
component: step1,
redirect: '/step2'
},
{
path: '/step2',
name: 'step2',
component: step2
},
{
path: '/step3',
name: 'step3',
component: step3
}
]
})
.sync修饰符
第一步:先用一句话解释
.sync修饰符可以实现子组件与父组件的双向绑定,并且可以实现子组件同步修改父组件的值。
第二步:具体解释
一般情况下,想要实现父子组件间值的传递,通常使用的是 props 和自定义事件 $emit 。
其中,父组件通过 props 将值传给子组件,子组件再通过 $emit 将值传给父组件,父组件通过事件j监听获取子组件传过来的值。
如果想要简化这里的代码,可以使用.sync修饰符,实际上就是一个语法糖。
autocomplete=“off”
有些浏览器会自动填充表单, 比如firefox, 但有时我们又不希望浏览器自动填充
所以我们会使用 autocomplete=“off” 属性告诉浏览器不要自动填充