weixin_43343144的博客

Vue或uni-app之H5跨域匹配的原理： 第一步【正常第一步就够了】：把/api/v1中的第一个/替换成target 如：target=http://127.0.0.1:8099 匹配结果：http://127.0.0.1:8099/api/v1 如：target=http://127.0....

Vue表单校验官方文档：https://cn.vuejs.org/v2/cookbook/form-validation.htmlvuelidate官网【前后分离模式】https://vuelidate.netlify.com/#getting-startedvee-validate官网【作用于html标签】https://baianat.github.io/vee-validate/...

参考：https://www.jianshu.com/p/5cee94470187

屏幕可用工作区高度就是你手机的实际高度，用vue开发的话代码案例【一定要加上单位px，否则没效果】：<template> <div class="app" :style="{height:app_height}"> <header></header> <section></section...

https://www.cnblogs.com/lguow/p/9257289.html

Refused to connect to 'http://localhost:8545/' because it violates the following Content Security Policy directive: "default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'". Note that ...

具体操作参考文章：https://www.jianshu.com/p/fd7448e2985a注意：上面文章所说“config下的index.js的build配置项”在Vue3已经变了，Vue3的统一配置文件为vue.config.js是一个可选的配置文件！vue.config.js配置参考官方文档：https://cli.vuejs.org/zh/config/...

解决不用添加自定义标签 只需要设置不认识的标签不进行提示即可 file -> settings -> editor -> inspections -> html -> unkown html tag, unkown html tag attribute ...

关于Vue-router 参考老马的总结很全面：https://malun666.github.io/aicoder_vip_doc/#/pages/vue/08-Vue入门之路由

案例参考：https://segmentfault.com/a/1190000008580275案例参考：https://blog.youkuaiyun.com/latency_cheng/article/details/78580820Vue表单校验官方文档：https://cn.vuejs.org/v2/cookbook/form-validation.htmlvuelidate官网【前...

跨域配置看我这篇文章【完美实现】：https://blog.youkuaiyun.com/weixin_43343144/article/details/86491855Vue跨域官方配置：https://cli.vuejs.org/zh/config/#vue-config-jswebpack的devServer的配置，可以参考https://webpack.js.org/configuration...

参考：https://ask.dcloud.net.cn/article/35489

总结：$refs和生命周期有关【必须页面渲染完毕之后 才能正常访问其内部的属性】父组件parent.vue<template> <view> <!-- 这里的child可以随意取,但是必须唯一,在refs对象中 --> <child ref="child"></child> </view><...

updated监听数据变化和watch监听数据变化的区别：updated：只要data对象中的任何数据发生变化,都会执行一次！【响应式刷新数据】watch：仅当data对象中的属性地址发生改变时，才会执行【引用类型才有地址，值类型改变自然会调用】...

参考watch的深度监听玩法：https://blog.youkuaiyun.com/qq_17757973/article/details/78721553深度监听参考官方：https://cn.vuejs.org/v2/api/#watch<template> <view> <button type="primary" @tap="click"&g...

处理事件的原则是：能在当前组件处理完毕的事件,坚决不往父组件传【多层传参一旦状态改变，层数越多,越复杂】在Vue的框架中，组件传参是非常复杂的！组件传参的一些情况：父向子 ---- props单向传参【兼容uni-app和纯Vue】子向父----$emit和$on发射和接收事件参数【兼容uni-app和纯Vue】祖辈向孙子----模拟父向子一层一层的单向传参【兼容u...

参考别人的：https://blog.youkuaiyun.com/qq_41357391/article/details/88430639vue组件之间的传递分类：1、父向子传递：props2、子向父传递：emit、兄弟之间传递：借助中间代理： emit3、兄弟之间传递：借助中间代理：emit3、兄弟之间传递：借助中间代理：emit,$on3、祖先传给孙子：这个高级provide,in...

uni-app 全局变量的几种实现方式：http://ask.dcloud.net.cn/article/35021【非常重要】对于uni-app框架在app或微信端来说,Vue.prototype和Vuex就有差别了！【在uni-app框架的app平台中，html标签中无法直接访问Vue的全局属性和方法，而Vuex却可以直接访问】Vue.prototype.$amount = 1...

vue跨域参考：https://blog.youkuaiyun.com/weixin_43343144/article/details/90093229uni-app 的参考：https://segmentfault.com/a/1190000017911280?utm_source=tag-newestuni-app的manifest.json文件下的H5修改"h5" : { ...

参考文档【这个文章是有坑的，下面讲解】：https://www.cnblogs.com/goloving/p/8901189.html关于Vue.js开发环境跨域和生成环境跨域有一个误区会导致你开发环境跨域成功，而生成环境跨域失败！开发环境配置跨域【这个网上一搜大把的资料，很简单】【务必注意，开发环境配置：这里会把路径开头包含 /api 的全部替换成http://127....

第一：props参数是实时更新的，而created和data仅会执行一次【当每次重新跳转到当前页面的时候，这也是为什么叫做当前页面或当前组件声明周期】！第二：在uni-app框架中，APP端和H5端的一些区别：APP端不兼容的特性【H5是最权威的Vue语法，APP支持的H5都支持，反之不然】：A、props参数无法修改【要修改只能赋值给在data中增加一个中间变量，修改data中...

生产环境必须直接填写api的真实url，然后在服务器端配置跨域：// 测试环境let server_domain_name = "/api";// 生成环境【iis、apache、其他服务器配置跨域】let server_domain_name = "http://127.0.0.1:8099";export default { server_register_url:...

特别注意：如果在scss中使用@别名则需要加~号。比如在src目录下有一个var.scss文件，其他文件引用时则需写成：@import "~@/var.scss";（scss中加了~@就不会报错了）参考：https://www.cnblogs.com/axel10/p/10417579.html...

一个完整的Vue+web3.js（基于Metamask开发测试和正式上线！）FirstContract.sol文件pragma solidity >=0.4.24 < 0.7.0;contract FirstContract { string public fName; uint public age; event eventInf...

特别注意：JavaScript语法中（对象或数组），如果obj中的name属性不存在，那么增加一个元素是，obj.name = "kirin"   （vue2.0对象或数组无效，使用Vue.set() 静态方法 或 vm.$set实例方法）删除一个元素：delete obj.name（vue2.0对象或数组无效，使用Vue.delete() 静态方法 或 vm.$delete实例方...

参考文章：https://blog.youkuaiyun.com/latency_cheng/article/details/78141732 1、按键别名在监听键盘事件时，我们经常需要监测常见的键值。Vue 允许为 v-on 在监听键盘事件时添加关键修饰符：//直接后面带.ascii码&lt;input v-on:keyup.65="func(event)"&gt;  //直接后面...

这些都是eslint工具，请安装到当前目录按需安装--save-dev，方便不同的项目使用不同的方式！（服务器端支持nodejs，客户端是不支持nodejs的）eslint语法解析常用插件：eslint-plugin-&lt;plugin-name&gt;eslint-plugin-reacteslint-plugin-vue（支持vue规则）eslint-plugin-node（支持...

首先把需要用到的 官方文档链接放在此：eslint核心参数配置中文版：http://eslint.cn/docs/user-guide/command-line-interface最核心的eslint规则配置（js的语法规则）：http://eslint.cn/docs/rules/ prettier的配置官方文档英文版：https://prettier.io/docs/en/opti...

原文地址：https://www.jianshu.com/p/5df4ea081fcc 开发Vue或者React的项目的时候，我们经常用到ESLint进行代码的校验，当代码出现不符合规范的格式的时候，ESLint会在控制台提示相关的异常信息。ESLint极大的提高了团队代码的一致性和规范性，接下来老马介绍一下我的VSCode的相关配置和插件实现保存代码的时候，根据ESLint的配置自动...

.native修饰符官方对.native修饰符的解释为：有时候，你可能想在某个组件的根元素（原生事件者）上监听一个原生事件。可以使用 v-on 的修饰符 .native 。例如： 如果是普通的HTML标签（非原生事件者）监听一个事件，之后添加 .native 修饰符是不会起作用的。例如： &lt;div class="container" &gt; &lt;...

第一步：如何创建组件（原生方法）：//Vue.extend是继承的意思，继承这个对象创建一个新的组件（相当于一个类）let my_component =Vue.extend({ template:'&lt;p&gt;&lt;span&gt;{{test_data}} &lt;/span&gt;&lt;/p&gt;', data:function() { ...

方案之一：Vue空实例+vm.$emit 和 vm.$on 实现原理：组件之间可以通过vm.$emit发射数据，通过vm.$on接收数据，在处理brother01 和brother02的时候，创建一个空Vue对象来发射与接收数据，任何组件之间，都可以来处理！ 当然，父子关系的 建议用系统标签来完成，更简单：参考文档：https://blog.youkuaiyun.com/weixin_433431...

Vue中的组件，其实和我们js中的函数是一个逻辑，只是更加抽象化了可以把组件理解成函数，如果想更贴近一些，理解成类（有属性和方法，还能构造出实例）组件相当于类，构造出的实例，相当于类实例，面向对象的封装思维！//父子关系的组件类似于这种结构！//...function... 这里是全局作用域，相当于new Vue()组件//有一点很重要：在组件中，不能跨作用域访问参数，必须一级...

 //全局组件 &lt;my-component-kirin-g :i="name" :j=2&gt;&lt;/my-component-kirin-g&gt; //template标签，加载时不会显示，js调用时才可以显示！ &lt;template id="kirin_template"&gt; &lt;p&gt;&lt;button&gt

 使用template标签要特别注意了 ：官方解释：HTML &lt;template&gt; 元素 是一种用于保存客户端内容的机制，该内容在页面加载时不被渲染，但可以在运行时使用JavaScript进行实例化。可以将一个模板视为正在被存储以供随后在文档中使用的一个内容片段。虽然, 在加载页面的同时,解析器确实处理 &lt;template&gt;元素的内容，这样做只是确保这些内容...

最权威的配置参考官方文档：https://cli.vuejs.org/zh/config/ vue.config.js（可选配置，如果用Vue ui生成的目录是没有这个文件，自己手动创建一个）vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 ...

swiper插件官网：https://www.swiper.com.cnVue的用法：https://github.com/surmon-china/vue-awesome-swiper基于Vue的配置属性（组件）：https://www.swiper.com.cn/api/index.html轮播图Swiper使用&lt;template&gt; &lt;div ...