A1L__的博客

Day 06 Vue–生命周期 一、Vue实例的生命周期 从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，就是Vue实例的生命周期。 二、生命周期钩子 生命周期钩子：就是生命周期事件的别名。生命周期钩子又叫生命周期函数 也叫生命周期事件。 创建期间的生命周期函数： 三 钩子函数 beforeCreate created beforeMount mounted beforeUpdate update beforeDestroy destroyed 3.1 beforeCrea

Day 05 Vue—组件 from 一、组件 1、组件是什么？有什么用 组件类似于django模板语言中的include，用来扩展HTML元素，封装可用代码，目的是复用 -------例如：有一个轮播，可以在很多页面中使用，一个轮播有js，css，html -------组件把js，css，html放到一起，有逻辑，有样式，有html 2、组件注册方式 2.1 全局组件 定义方式是用Vue对象创建一个新的component <script> //没有代码提示，语法检查，目前这

Day 04 Vue–前后端交互–方法 一、fetch vue项目跟后端交互，可以使用ajax 1、使用jquery的ajax实现 1.1 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

Day 03 Vue–前后端交互–跨域问题 一、什么是跨域 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。—浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。 所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子： http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域） http://www.123.com/inde

Day 02 条件渲染 一、class和style的控制 1.class的三种控制方式 <template> <div id="test"> <div :style="'background:cyan'+';'+'padding:20px'"> <h1>class的三种写法</h1> <div :class="isActive?'red':'green'">class三目写法</div>