【前端】webpack如何多入口配置多页面

现在前端SPA单页面这么流行,比如一套脚手架,我们在用到的时候连vue+vue-router等,甚至连webpack或者gulp等一套就集成了,里面只需要修改一些简单的配置,就可以解决跨域问题,但是,当我们项目慢慢大起来的时候,总要用到多页面的时候,那我们如何修改vue-cli或者是create-react-app这种脚手架中的默认配置呢?

继续阅读“【前端】webpack如何多入口配置多页面”

【前端框架】vue怎么自定义封装组件—组件篇

在这之前,或许看过博客的人也大致知道了vue的一些常用的指令,最最最基本的语法,至少我觉得在会CSS,html,js基础的情况下,写一个简单的vue页面是妥妥的一件事情,而且也会对vue的写法有所熟悉,当然,如果你只是看了一下,并没有任何行动的话,那估计隔壁的小说栏更适合你~

传统页面我们都是拿到psd图,当然UI小姐姐甜的话,会帮你切好图,然后你从头到尾。。。div/div/div?别闹了,08年奥运会都过去多久了,还全程div堆箱子啊!我们是要模块化、组件化、功能化的人 继续阅读“【前端框架】vue怎么自定义封装组件—组件篇”

vue入门之基础语法(二)——vue实例的生命周期、指令

接上一篇:vue入门之基础语法(二)——创建实例和简单的指令http://blog.restartai.com/2018/09/vue-create-instance/

我们在上一篇简单的创建了一个vue实例,并且介绍了集中简单的常用的指令,比如控制元素显示隐藏的v-if/v-show、表单数据绑定的v-model、元素属性绑定的指令v-bind、事件方法绑定的指令v-on,其实vue中还有很多指令,甚至我们可以根据项目业务场景来自定义指令来让我们的工程变得简单,这篇我们先说一些稍微复杂的指令,然后再来说说vue的另一个重要的家伙【生命周期】。 继续阅读“vue入门之基础语法(二)——vue实例的生命周期、指令”