这一周时间做了一个今天项目练习了用vue撘网站
1.根据熟练度选择的是vue框架,使用了iview的ui库,由于不会用bootstrap,所以自己手写响应式在其中也能发现很多问题,首先实时监听浏览器宽度应该放在mounted生命周期内,同时初始化页面时created生命周期内也要设置监听。
mounted() {
window.onresize = () => {
return (() => {
let WIDTH = document.body.clientWidth;
if (WIDTH > 963) {
console.log(1)
} else if (WIDTH < 768) {
console.log(3)
} else if (768 <= WIDTH <= 963) {
console.log(2)
}
})();
};
}
2.而且不能在每个路由去监听,应该是在app.vue完成监听,然后通过传递这个值给子组件使用,这样才不会冲突,也能优化性能,父子传值的方法,slot插槽 也在这一次项目中练习了一下,很有作用。
3.这次项目也培养了组件化开发的思想,最开始应该去熟悉项目,想好要建立哪些组件备用,如何处理路由,哪些地方需要路由的参数。
this.$route用于监听当前路由
this.$router用于查看全体路由,可以拿来配置参数
4.写css文件注意配置是否需要配置scoped
5.class动态绑定,列表渲染,条件渲染非常有用,搭建项目离不开这些,这些东西也使vue更加容易上手,数据绑定比起dom操作更人性化,可以将更多的精力放在处理逻辑上而不是调整样式和获取dom节点上。
6.以后搭建项目首先要考虑浏览器兼容,是否响应式,引入数据传递,路由处理,组件配置,有必要时引入rem.js、reset.css、normalize.css可以简化代码
7.多做项目才能了解具体的流程和开发时间