vue学生作业-图书管理系统

name: ‘海底两万里上册’,

img: require(‘…/img/1 (1).jpg’)

}

]

}

},

components:{

Header

},

computed: {

// …mapGetters([“getAddressList”, “getLoginUser”])

},

methods:{

handle(name){

alert(name+‘借阅成功！’);

},

goto(name,img) {

//直接调用$router.push 实现携带参数的跳转

this.$router.push({

path: ‘/Bookinfo’,

query: {

name: name,

img:img

}

})

},

Search() {

// search 是 v-model=“search” 的 search

var search = this.search;

if (search) {

this.searchData = this.tableData.filter(function(product) {

// 每一项数据

// console.log(product)

return Object.keys(product).some(function(key) {

// 每一项数据的参数名

// console.log(key)

return (

String(product[key])

// toLowerCase() 方法用于把字符串转换为小写。

.toLowerCase()

// indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

.indexOf(search) > -1

);

});

});

}

}

}

}

路由

import Vue from ‘vue’

import Router from ‘vue-router’

import HelloWorld from ‘@/components/HelloWorld’;

Vue.use(Router)

export default new Router({

mode: ‘history’, //去掉url中的#

routes: [{

path: ‘/’,

name: ‘HelloWorld’,

component: HelloWorld

},

{

path: ‘/Reg’,

name: ‘reg’,

component: () =>

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。