粥小思-优快云博客

原创 springboot自动配置原理

SpringBoot在启动的时候，加载主配置类，主配置类上有注解@SpringBootApplication/** * SpringBootApplication 来标注一个主程序类，说明这是一个springboot应用 */@SpringBootApplicationpublic class MyFirstSpringbootApplication { public static void main(String[] args) { SpringApplicatio

2020-09-30 14:19:46 175

原创 springboot的CommandLineRunner接口

作用：在springboot构建项目时，进行预先数据的加载，直接实现接口即可。@Order注解决定加载的顺序

2020-09-21 11:05:19 146

原创 vue router路由入门

路由：SPA（单页应用）的路径管理器，webapp的链接路径管理系统笼统来讲，就是相当于a标签，但是在vue中，都是单页应用，只有一个index.html，所以用router来代替。这是一个基于vue cli脚手架的项目。router文件夹下的index.js配一个路由。new一个router，routes后面是一个数组，数组元素是对象。path代表路径，component是组件import Vue from 'vue' //引入vue组件import Router ..

2020-09-15 08:22:38 167

原创页面元素的位置随窗口大小而改变

问题：在使用vue写页面的时候，发现窗口大小变化后，每个小零件的位置会发生变化，导致整个页面样式崩溃解决方案：对每一个元素添加绝对定位，就是position:absolute，并调整位置

2020-09-03 10:26:06 1906 1

原创 vue.directive自定义指令

Vue.directive自定义指令html中使用指令，例如：<div id="app"> <div> <p v-zxs="color">{{num}}</p> <p><button @click="add">自增</button></p> </div></div>js中构造器声明color以及

2020-09-03 09:04:40 238

原创 template模板的写法

1、直接在构造器中写template选项。注意：template选项标签的符号是上撇号，比较特殊。 <script type="text/javascript"> var app = new Vue({ el: '#app', data: { message: 'helloworld!' }, template: `

2020-09-03 09:01:13 988

原创 vue中的v-pre & v-cloak & v-once指令

v-pre：原样输出，不进行渲染有v-pre的依旧显示{{message}}，没有v-pre的显示在js中声明的helloworld! <div>渲染的文本：{{message}}</div> <div v-pre>原样输出，不进行渲染：{{message}}</div><script type="text/javascript"> var app = new Vue({ el: '#app

2020-08-21 10:44:47 336 1

Lucky_3的博客