摘要: 跨域:浏览器对于javascript的同源策略的限制 。 问题的产生 跨域原因说明示例 域名不同 www.jd.com 与 www.taobao.com 域名相同,端口不同 www.jd.com:8080 与 www.jd.com:8081 二级域名不同 item.jd.com 与 miaosha. 阅读全文
posted @ 2020-12-15 21:37 别无所求--- 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 区分Web应用服务器和Web服务器 web应用服务器,如: tomcat resin jetty web服务器,如: Apache 服务器 Nginx IIS(Windows Server,会有占用8080的问题) 区分:web服务器不能解析jsp等页面,只能处理js、css、html等静态资源。 阅读全文
posted @ 2020-12-12 19:34 别无所求--- 阅读(435) 评论(0) 推荐(0) 编辑
摘要: HTML模板 插值表达式、声明式渲染 {{数据模型\js表达式}},其中js表达式必须有返回值,该方式存在插值闪烁问题 v-text:只能解析文本,可设置默认值(推荐使用) v-html:可以解析文本和Html\js\css代码,可设置默认值,但是存在一定的安全隐患问题 双向绑定 v-model=" 阅读全文
posted @ 2020-12-12 11:29 别无所求--- 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 效果图 点击登录和注册可以进行页面切换 组件要求 login.js登录页组件 register.js注册页组件 index.html主页面 编码步骤 安装vue,vue-router;创建index.html、login.js、register.js文件 将vue.js、vue-router.js、 阅读全文
posted @ 2020-12-10 21:37 别无所求--- 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 父向子通信 传递:自定义属性(属性名任意,属性值为要传递的数据) 接收子组件通过props接收父组件属性 示例代码 <div id="app"> <h1>打个招呼:</h1> <!--使用子组件,同时传递title属性--> <introduce title="大家好,我是锋哥"/> </div> 阅读全文
posted @ 2020-12-10 20:24 别无所求--- 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 问题描述 为什么Vue组件中的data是函数? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <conter></co 阅读全文
posted @ 2020-12-09 20:09 别无所求--- 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 前言 Vue是响应式的,所谓的“响应式”,是指当数据改变后,Vue 会通知到使用该数据的代码。例如,视图渲染中使用了数据,数据改变后,视图也会自动更新。对于引用类型的数组和对象而言,如下操作Vue不能做出响应. 对于数组而言,Vue 不能检测以下变动: 当你利用索引直接设置一个项时,例如: 当你修改 阅读全文
posted @ 2020-12-09 19:19 别无所求--- 阅读(345) 评论(0) 推荐(0) 编辑
摘要: computed:通过属性计算而得来的属性 1、computed内部的函数在调用时不加()。 2、computed是依赖vm中data的属性变化而变化的,也就是说,当data中的属性发生改变的时候,当前函数才会执行,data中的属性没有改变的时候,当前函数不会执行。 3、computed中的函数必须 阅读全文
posted @ 2020-12-09 19:03 别无所求--- 阅读(103) 评论(0) 推荐(0) 编辑
摘要: {{value}} 示例 HTML: <div id="app">{{name}}</div> JS: var app = new Vue({ el:"#app", data:{ name:"Jack" } }) 总结 使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时,页面会显示出原始的{ 阅读全文
posted @ 2020-12-07 19:51 别无所求--- 阅读(263) 评论(0) 推荐(0) 编辑
摘要: Vue生命周期 示例 1 <!DOCTYPE html> 2 <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 < 阅读全文
posted @ 2020-12-06 19:04 别无所求--- 阅读(189) 评论(0) 推荐(0) 编辑