浅入深出Vue系列文章 之前大部分是在做后端,后来出于某些原因开始接触Vue。深感前端变化之大,各种工具、框架令人眼花缭乱。不过正是这些变化,让前端开发更灵活。 博主在刚开始时,参考官网的各个步骤以及网上的博客。搭个环境,跑起来demo都费了大半天的劲。 本系列文章的初衷: 迅速 ...
今天正式开始入门篇,也就是实战了 首先我们是要做一个博客网站,UI 框架采用江湖传闻中的 ElementUI,今天我们就来利用它确定我们博客网站的基本布局吧。 准备工作 新建一个vue项目 可以参考基础篇里的搭建方法,也可以参考官网现在最近的 Vue CLI .x进行可视化创建和管理 安装 vue router 安装 elementui 以上的操作都可以在之前的博文中 基础篇 找到完整步骤,这里就 ...
2019-07-11 21:43 0 522 推荐指数:
浅入深出Vue系列文章 之前大部分是在做后端,后来出于某些原因开始接触Vue。深感前端变化之大,各种工具、框架令人眼花缭乱。不过正是这些变化,让前端开发更灵活。 博主在刚开始时,参考官网的各个步骤以及网上的博客。搭个环境,跑起来demo都费了大半天的劲。 本系列文章的初衷: 迅速 ...
路由的概念在计算机界中的历史大概可以追溯到OSI模型中的数据链路层与网络层中的定义。这里的定义大意是:在转发数据包时,根据数据包的目的地址进行寻址,从而将数据包发往指定的目的地。 在 Web开发中同 ...
组件在 vue开发中是必不可少的一环,用好组件这把屠龙刀,就能解决不少问题。 组件是什么 官方的定义: 组件是可复用的 Vue 实例,并且可带有一个名字。 官方的定义已经非常简明了,组件就是一个实例。 如何使用组件 在具体编写组件实例代码前,我们先来如下几个约定 ...
基本布局已经有了, 现在我们来开始做我们的注册页面~ 当然需要注册才能发表文章啊(糟老头子坏得很, 我可以只有我一个人能发啊)。 这里我们设定只有注册才能发表文章,也就淡化了管理员这个概念。在开发中先将原型做出来,然后再对其进行迭代、重构来达到我们最终想要的效果。 准备 新建 vue ...
上一篇的最后留下了一个 v-on的思考,也就是本章的主题:事件处理 为什么需要事件处理 在前端开发中,经常要面对各种表单、按钮。而这里面就住着一个事件:点击 (click)。 前端童鞋们肯定不陌生它,因为经常会出现。比如说: 表单提交 各式各样的按钮 列表多级菜单 ...
今天来正式开始 vue的学习,首当其冲的当然是数据的渲染。毕竟数据就是拿来看的,看看如果使用 vue来展示数据。 为什么渲染 俗话说 "人靠衣装马靠鞍", 那咱们的代码就是得靠 UI 来展现了。实现的代码规不规范,表不标准那是后话。但必须要好看~(开个玩笑,代码同样要注意整洁与优雅噢) 数据 ...
深入浅出vue系列文章已经更新过半了,在入门篇中我们实践了一个小小的项目。 《代码整洁之道》一书中提到过一句话: 神在细节中 这句话来自20世纪中期注明现代建筑大师 路德维希·密斯·范·德·罗所说,他秉承的是少即是多的建筑设计哲学,玻璃幕墙等现代建筑结构便是由他缔造的。 而这 ...
终于到我们小项目的最后一个功能了,那就是列表页展示! 新建组件 先来新建组件 List.vue: 然后添加对应的路由对象: 编写页面代码 这里我们选择 ElementUI 中的 Table 组件来进行展示,文章列表接口的数据定义如下: 效果如下: 这个效果不是很好 ...