使用Vue-cli初始化单页面应用 使用npm或cnpm安装 vue-cli cnpm install -g vue-cli 使用vue命令安装项目包 vue init webpack cli 安装vue-route时选Yes,其他都

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

表单提交与prevent操作表单 <div id="app"> <form action="" @submit.prevent="post('nodjoy.com')"> <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]">nodjoy.com</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