摘要: 阅读全文
posted @ 2022-02-11 16:00 Harry宗 阅读(33) 评论(0) 推荐(0)
摘要: var myRouter = new VueRouter({ //routes是路由规则数组 routes: [ //通过name属性为路由添加一个别名 { path: "/user/:id", component: User, name:"user"}, ] }) //添加了别名之后,可以使用别名 阅读全文
posted @ 2022-02-11 15:57 Harry宗 阅读(53) 评论(0) 推荐(0)
摘要: var User = { template: "<div>This is User</div>" } //Login组件中的模板代码里面包含了子级路由链接以及子级路由的占位符 var Login = { template: `<div> <h1>This is Login</h1> <hr> <ro 阅读全文
posted @ 2022-02-11 15:53 Harry宗 阅读(50) 评论(0) 推荐(0)
摘要: A.导入js文件<script src="lib/vue_2.5.22.js"></script><script src="lib/vue-router_3.0.2.js"></script> B.添加路由链接:<router-link>是路由中提供的标签,默认会被渲染为a标签,to属性默认被渲染为 阅读全文
posted @ 2022-02-11 15:19 Harry宗 阅读(132) 评论(0) 推荐(0)
摘要: 前端路由是基于hash值的变化进行实现的(比如点击页面中的菜单或者按钮改变URL的hash值,根据hash值的变化来控制组件的切换)核心实现依靠一个事件,即监听hash值变化的事件 window.onhashchange = function(){ //location.hash可以获取到最新的ha 阅读全文
posted @ 2022-02-11 15:15 Harry宗 阅读(41) 评论(0) 推荐(0)
摘要: async 和 await async作为一个关键字放到函数前面 任何一个async函数都会隐式返回一个promise await关键字只能在使用async定义的函数中使用 ​ await后面可以直接跟一个 Promise实例对象 ​ await函数不能单独使用 async/await 让异步代码看 阅读全文
posted @ 2022-02-11 15:06 Harry宗 阅读(60) 评论(0) 推荐(0)
摘要: axios基础用法 get和 delete请求传递参数 通过传统的url 以 ? 的形式传递参数 restful 形式传递参数 通过params 形式传递参数 post 和 put 请求传递参数 通过选项传递参数 通过 URLSearchParams 传递参数 axios 全局配置 # 配置公共的请 阅读全文
posted @ 2022-02-11 15:05 Harry宗 阅读(105) 评论(0) 推荐(0)
摘要: promise 主要解决异步深层嵌套的问题 promise 提供了简洁的API 使得异步操作更加容易 <script type="text/javascript"> /* 1. Promise基本使用 我们使用new来构建一个Promise Promise的构造函数接收一个参数,是函数,并且传入两个 阅读全文
posted @ 2022-02-11 14:55 Harry宗 阅读(30) 评论(0) 推荐(0)
摘要: <div id="app"> <!-- 这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 --> <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <alert-box></alert-box 阅读全文
posted @ 2022-02-11 14:47 Harry宗 阅读(69) 评论(0) 推荐(0)
摘要: 父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。 然后子组件用属性props接收 在props中使用驼峰形式,模板中需要使用短横线的形式字符串形式的模板中没有这个限制 <div id="app"> <div>{{pmsg}}</div> <!--1、menu-item 在 AP 阅读全文
posted @ 2022-02-11 11:41 Harry宗 阅读(144) 评论(0) 推荐(0)