Vue声明组件(component)的方式 <div id="app"> <live-slide></live-slide> <live-news></live-news> </div> <script> //全局组件 Vue.component('liveSlide',{ template:'<h2>listenlive.cn</h2>' }); //局部组件 var liveNews = { template:"<h2>ListenLive</h2>" }; var app = new Vue({ el:'#app', components:{liveNews}, data:{ }, }); </script> 子组件中data返回数

表单提交与prevent操作表单 <div id="app"> <form action="" @submit.prevent="post('listenlive.cn')"> <h2>{{times}}</h2> <button>提交</button> </form> </div> <script> var app = new Vue({ el:'#app', data: { times:new Date() }, methods:{ post(num){ alert(num);

npm install -g npm //npm 版本更新命令（windows） 喜欢这篇文章的话 打赏一下吧！

使用object与array控制class <style> .font{font-size: 20px} .color{color: skyblue} .red{color: red} </style> <div id="app"> <h2 :class="obj">Vue Object</h2> <hr/> <h2 :class="[succ,font]">listenlive.cn</h2> </div> <script> var app = new Vue({ el:'#app', data:{ obj:{color:true,font:true}, //对象形式 //数组形式 succ:'red', font:'font' } }); </script> 使用clas

php artisan route:clear php artisan config:cache php artisan cache:clear php artisan view:clear 喜欢这篇文章的话 打赏一下吧！

Blade模板引擎的模板继承构建后台界面 后台视图文件目录 -/resources/views/admin/layout 为父级模板目录 使用@yield占位定义活动的页面范围 <div> @yield('content') </div> 子页面继承父级模板 @extends('admin.layout.master') @section('content') <div

使用中间件进行后台权限验证 创建中间件 php artisan make:middleware AdminMiddleware 执行后会在app/Http/Middleware目录下生成AdminMiddleware.php

创建后台控制器 php artisan make:controller Admin/EntryController 配置路由 Route::get('/login','Admin\EntryController@loginForm'); 或者采用配置命名空间的方式指定到Admin目录，简化一些重复代码 Route::group(['prefix' => 'admin','namespace' => 'Admin'],function(){ Route::get('/login','EntryController@loginForm'); }); 使用Auth登录验证 编辑con