Web前端最新vue学生作业-图书管理系统,前端开发文档

框架相关

原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。

在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点:
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

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

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

}, {

name: ‘人间失格月亮和六便士罗生门局外人4册套装’,

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

},

{

name: ‘西游记原著正版人民文学出版社吴承恩完整版’,

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

},

{

name: ‘人生十二法则’,

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

},

{

name: ‘易中天中华史’,

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

},

{

name: ‘朝花夕拾鲁迅原著正版无删减完整版’,

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

},

{

name: ‘资治通鉴白话版全集正版原著全6册’,

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

},

{

name: ‘沉默的巡游东野圭吾’,

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

},

{

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

);

});

});

}

}

}

}

  • 18
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值