![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Gridsome
smile@qingqing
只有经历最痛苦的坚持才能配得上永久的幸福!
展开
-
Gridsome(五)—— 获取json数据
在Gridsome(四)中搭建了简易博客,获取markdown文件内容,今天学习在gridsome中如何获取json数据????????????创建项目gridsome create +项目名json数据在src同级目录下新建文件data——>XX.json,内容如下:[ { "name":"Anna", "age":18, "sex":"女...原创 2020-02-24 10:09:15 · 177 阅读 · 0 评论 -
gridsome(四)——搭建简易博客/获取markdown文件内容
准备工作创建项目:gridsome create +项目名进入项目:cd +项目名运行:gridsome develop之后在浏览器中访问:localhost:8080即可看见以下界面:安装插件我们的目标是搭建一个简单的博客,而博客的内容是Markdown文档,所以需要使用gridsome插件将文件转换为可以使用GraphQL在组件中获取的内容。以下2个插件具体介绍参...原创 2020-02-04 17:43:58 · 464 阅读 · 0 评论 -
gridsome(三)——plugins
gridsome中有很多插件,简单学几个吧:????????????@gridsome/source-filesystem将文件转换为可以使用GraphQL在组件中获取的内容。安装//1、yarn安装yarn add @gridsome/source-filesystem//2、npm或者cnpm安装npm/cnpm install @gridsome/source-filesystem使...原创 2020-02-03 14:06:49 · 257 阅读 · 0 评论 -
gridsome(二)——数据处理
Working With Data (数据处理)一、The GraphQL data layer(GraphQL数据层)GraphQL数据层是在开发模式下可用的工具。这是所有导入到Gridsome项目中的数据的临时存储位置。可以将其视为可帮助你更快更好地处理数据的本地数据库。二、Importing data可以将数据从任何数据源导入GraphQL数据层。Import with so...原创 2020-01-23 15:53:40 · 407 阅读 · 0 评论 -
gridsome(一)——基础
WhatGridsome 是一个 Vue.js 驱动的静态站点生成器,用于创建可在任何地方部署的快速且安全的网站。Why前端使用 Vue.js:一个轻量级且易于使用的前端框架。通过热加载进行本地开发:在开发过程中实时查看更改。基于文件的页面路由:src/pages 中的任何 Name.vue 文件都是一个静态路由。动态路由:src/pages 中的任何 [param]....原创 2020-01-22 14:39:43 · 516 阅读 · 0 评论