随笔分类 -  Vue

Vue(day8)
摘要：继续上一篇文章的内容，本文主要内容为项目中 模块的实现。 新闻资讯页面主要是当我们点击这个按钮时跳转到新闻列表界面。 一、新闻资讯的路由设计 将新闻资讯的标签改为路由：(a标签改为router link)。 然后新建一个 单文件组件用于显示新闻列表，并配置到 文件中。 二、新闻资讯的页面设计 1、搭 阅读全文
posted @ 2019-04-18 11:46 风之之 阅读(611) 评论(0) 推荐(0)
Vue(day7)
摘要：一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用 & 在`webpack`环境下进行开发。首先安装基本的模块文件： 最基本的环境配置（注意文件地址要和项目文件目录对应）： 为了快速启动还需要在 中增加一个启动配置： 最基本的运行环境就搭建好了。 2、基本 阅读全文
posted @ 2019-04-15 09:46 风之之 阅读(464) 评论(0) 推荐(0)
Vue(day6)
摘要：一、webpack中常用的文件loader & 插件 由于版本存在变动，以下安装和配置都有可能发生变化，请以 "官方文档" 为准。 1、html webpack plugin插件 是在内存中生成html模板的插件plugin 首先安装插件 ，然后在配置文件 中进行插件配置： 2、css的loader 阅读全文
posted @ 2019-04-09 20:13 风之之 阅读(389) 评论(0) 推荐(0)
Flex布局
摘要：CSS 弹性盒子布局是 CSS 的模块之一，定义了一种针对用户界面设计而优化的 CSS 盒子模型。在弹性布局模型中，弹性容器的子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免父元素溢出。子元素的水平对齐和垂直对齐都能很方便的进行操控。通过嵌 阅读全文
posted @ 2019-04-01 17:58 风之之 阅读(439) 评论(0) 推荐(0)
Vue(day5)
摘要：一、监听数据变化的三种形式 假设我们需要提供两个输入框，分别输入姓和名，然后自动拼接为姓名。这样，我们就需要监听输入框的数据变化，让完整的姓名跟随输入的变动而变化。我们可以使用以下三种方式： 1、结合DOM事件使用 来监听数据变化 html代码：使用 事件来监听数据的改变。 js代码： 2、使用 侦 阅读全文
posted @ 2019-03-28 11:05 风之之 阅读(349) 评论(0) 推荐(1)
Vue(day4)
摘要：这里说的Vue中的路由是指前端路由，与后端路由有所区别。我们可以使用url来获取服务器的资源，而这种 url与资源的映射关系 就是我们所说的路由。对于单页面程序来说，我们使用url时常常通过 的方法切换页面，即我们常用的锚点。比如： 而请求路径中的hash不会传到后端，所以常常被用作前端切换页面的方 阅读全文
posted @ 2019-03-22 11:04 风之之 阅读(298) 评论(0) 推荐(0)
Vue(day3)
摘要：一、Vue中的ajax：vue resource和axios 是Vue实现异步加载的官方库，即Vue中的ajax。在Vue2.js之后 将不再更新维护，所以推荐尽量使用第三方库 实现异步加载。 下面将对两种库分别进行使用说明，参考： "vue resource" "axios" 1、vue reso 阅读全文
posted @ 2019-03-19 08:13 风之之 阅读(395) 评论(0) 推荐(0)
Vue(day2)
摘要：一、过滤器 Vue中可以自定义 过滤文本插值 的过滤器。目前有两个地方可以使用： + 插值文本 中使用。 + 在 中使用。（ 2.1.0+ ） 用法：使用管道连接符 将需要过滤的文本变量与过滤函数连接起来即可。 1、定义局部过滤器 在Vue实例中定义局部过滤器类似定义普通函数一样，使用关键字 来定义 阅读全文
posted @ 2019-01-18 20:03 风之之 阅读(300) 评论(1) 推荐(1)
Vue(day1)
摘要：一、起步 开始从下面的几个Vue的使用场景中熟悉Vue： + 声明式渲染 看起来就像是简单的模板渲染，但其实Vue已经做了大量工作，这个时候的数据和DOM已经是“响应式” 的了。可以打开浏览器控制台修改app实例，如 ，然后你可以发现html页面也会随之变化。 + 条件与循环 使用Vue的指令 来决 阅读全文
posted @ 2019-01-11 19:42 风之之 阅读(600) 评论(2) 推荐(2)