摘要：
axios提供了多种异步请求方法，实现对RESTful风格的支持。 1.get请求 axios.get(url).then(function); axios.get(url,{}).thrn(function); //使用axios的get请求传递参数，需要将参数设置在params下axios.ge 阅读全文
摘要：
1.axios：vue可以实现数据的渲染，但是如何获取数据？ vue本身不具备通信能力，通常结合axios——一个专注于异步通信的js框架来使用。 axios负责数据通信，vue负责数据渲染。 2.axios入门使用： 原生ajax：实现步骤复杂。 jQuery：笨重。 axios：专注于异步通信。 阅读全文
摘要：
1.组件定义： 定义组件时，将组件中的数据绑定到slot标签。 Vue.component("page-frame",{ template:`<div> <div id="header" style="width:100%; height:100px; background:pink"> <slot 阅读全文
摘要：
具名插槽：当组件中的插槽数量大于1时，我们需要给组件中的slot标签添加name属性指定插槽的名字。 1.定义组件 Vue.component("page-frame",{ template:`<div> <div id="header" style="width:100%; height:100p 阅读全文
摘要：
当我们自定义vue组件时，允许组件中的部分内容在调用组件时进行自定义。————插槽。 1.js中定义插槽： 在自定义组件中通过<slot>标签在模板中定义插槽。 //定义一个header-bar组件 Vue.component("header-bar",{ data:function(){ //组件 阅读全文
摘要：
子传父：通过子组件的按钮调用父组件的函数，通过函数传值。 //定义一个header-bar组件 Vue.component("header-bar",{ data:function(){ //组件中的data是通过函数返回的对象 return{ //title:"java2022电商平台" str2 阅读全文
摘要：
父传子：父组件在调用子组件的时候向子组件传递数据。 vue实例本身就是一个组件。(模板就是el指定的容器div，data就是组件数据,methods就是组件的事件函数)在vue实例指定的el容器中引用的组件<header-bar>称为子组件，当前Vue实例就是父组件。 <!DOCTYPE html> 阅读全文
摘要：
1.自定义组件的结构： data：定义组件的模板渲染的数据。 template：组件的HTML模块（HTML标签\css） methods：定义组件中的标签事件绑定的js函数 //定义一个header-bar组件 Vue.component("header-bar",{ data:function( 阅读全文
摘要：
组件，就是将通用的HTML模块进行封装————可复用。 1.组件注册：将通用的HTML模块注册到vue中。 2.组件引用：定义组件需要依赖vue.js,在引用自定义组件的js文件之前需要先引用vue.js。 组件的引用必须在vue实例el指定的容器中。 在js包中新建一个js文件。 将header- 阅读全文