从头开始用 Laravel 来做CRUD -16- 初始 - pug - pug 测试

目前环境

Laravel：5.7资料库：MariaDB

说明

所谓的CRUD是指 新增(Create)、读取(Read)、更新(Update)、删除(Delete) 在程式动作中，基本的四个动作。Laravel 是一个开源的PHP框架，它由Taylor Otwell开发，支持MVC模式。Vue.js是一个用于建立使用者介面的开源JavaScript框架，也是一个建立单页面应用的Web应用框架。pug 是一个可以简化html 标籤语法的套件。

--- 本文开始 ---
我们做完之前的设定后，vue 的档案也能用了，我们再 exampleComponent.vue 来测试我们装的 pug 是否能作用！

没有装 pug 的人，可以点这里去看

从头开始用 Laravel 来做CRUD -12- 架设 - npm - pug

1、找到 ExampleComponent.vue 的位置

档案的位置在 /resources/js/components/ExampleComponent.vue ,你会看到下图的内容

2、修改 template => template="pug"

修改后，将原始的内容删除，加上以下内容

<template lang="pug">    div        h1 this is test</template>

2、看看结果

3、完工

--- 相关连结 ---
上一篇：从头开始用 Laravel 来做CRUD -15- 初始 - vue.js- vue.js测试
下一篇：从头开始用 Laravel 来做CRUD -17- 初始 - Mysql - phpMyAdmin
--- 同步更新 ---
[CRUD for Laravel & Vue.js] 文章列表 - 在痞客邦
--- 更多的文章 在痞客邦 ----
痞客邦

感谢

感谢各位的观看！
友情连结：钻头-瑜诚
文中如有技术不良或写错的部份，如您愿意指出，我们也很乐意接受您的指正，但请不要恶意攻撃，我们只是为了乐趣而写的文章。