- 在
Laravel
框架中导入JS、Css、素材
文件怎么使用。 Laravel
项目的web虚拟主机
指定的目录 (也就是网址根目录),项目的入口文件和系统的静态资源目录(css, img, js, uploads)
后期使用的外部静态文件(js、 css、图片等)
都需要放到Public
目录下。- 这里以
JS
举例,导入vue.min.js
文件。
1、将vue.min.js
导入Public -> js
文件夹中
2、到index.blade.php
中使用
// 渲染数据 <div id="app"> // php 默认支持 {{}} 写法获取数据,如果需要显示 Vue 属性数据 // 则需要前面加 @ 表示原始形态输出 @{{ title }} </div> // 这里只需要直接 ./js 就能拿到文件 // 你可以把这个页面文件想象成跟 js 文件是同一级 <script src="./js/vue.min.js"></script> // 也可以通过 cdn 的方式导入 Vue <script src="https://cdn-games.netjoy.com/web/static/redPacket/js/vue.min.js"></script> // 使用 Vue <script> var app = new Vue({ el: '#app', data:{ name: 'dzm' } })
- 其他
css、素材
文件导入方式一样,引入使用方式也一样