41 搜索功能/1-搜索导航栏

Header搜索组件：选择性CV

router/index.js

import SearchCourse from '../views/SearchCourse.vue'

const routes = [
    // ...
    {
        path: '/course/search',
        name: 'search-course',
        component: SearchCourse,
    },
];

Header.vue（搜索的组件+样式）

class="search">
    
class="tips" v-if="is_search_tip">
        "search_action('Python')">Python
        "search_action('Linux')">Linux
    
    "text" :placeholder="search_placeholder" @focus="on_search" @blur="off_search" v-model="search_word">
    "button" class="glyphicon glyphicon-search" @click="search_action(search_word)">