plugin插件
1: 插件是一个对象,必须实现install
2:插件需要在vue文件中使用Vue.use(插件)
3: 插件方法
Vue.extend(.Vue 文件) 继承.Vue文件的构造函数
instance. $mount(dom) 手动挂载
instance. $el 实例的真实dom
Vue.protoytpe. $toast = Toast 将插件挂载到全局的(所有组件的实力都将拥有插件的方法和属性)
Notify 通知插件
1: js 保持一致
2:.vue : temlate <div class="notify" > {{msg}} < / div>
js : data : mas 通知的内容 color 文本的颜色 bgColor 背景的颜色
methods success(ms) 成功的提示 warn(msg) 警告 danger (msg) 危险警告 hiden() 隐藏
解决跨域问题
什么是跨域
1 :localhost 域名去访问 m.mi.com 的数据 域名不同出现跨域错误
2. 跨域是浏览器的安全机制 同源策略(只有浏览器有)(hbuilder)的内置浏览器没有跨域限制
浏览器同源策略
1: 要求请求的地址与当前地址必须同源
2:http://m.baidu.com:8888/list/my.html? name=mumu&age=18#good
协议一致: http https file ftp
域名一致:baidu.com
子域名一致:m.baidu pan.baidu
端口号::888 :8080 http默认端口号80 https默认端口号443
实现跨域
1:jsonp:srcipt的src没有同源限制
2:CORS响应头允许 : 服务器响应头允许
响应标头 查看源代码
Aceess Control-Allow-Origin
3:代理: localhost 请求 m.mi.com