自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 vue引入弹性布局

1、先安装 postcss-plugin-px2rem 和 lib-flexible2、在main.js引入3、在vue.config.js配置接下来可以在你的项目里使用px,打开浏览器调试工具看看是否转换成rem单位。下面我们来看一个案例。这里我把文字的font-size设置为30px,然后它帮我转成了0.8rem,原因是rootValue配置的37.5,那么30px/37.5=0.8rem,所以你看你页面控制台就是0.8rem。换句话说就是1rem=37.6px,0.8*37.5不就等于30了。

2023-03-21 23:11:56 658

原创 学习React第一天

在组件中引用,采用this.state.list的方式获取值。组件使用需要在index.js中用标签的方式进行引用展示。4.掌握设置动态值方式setState。1.掌握组件分类(函数组件、类组件)5.改变动态值,增加和删除的例子。3.用ref获取dom元素。类组件声明后需要导出。将实例绑定给标签对象。

2023-02-28 20:15:50 128

原创 macos下安装react脚手架报权限问题

参考文档:macOS下安装create-react-app脚手架报错WARN checkPermissions Missing write access | 码农家园学习react框架,macOS下安装脚手架create-react-app时出错pre:执行安装命令,报错在终端里输入命令:[cc]npm install -g create-react-app[/cc]开始出现报错...

2023-02-28 11:56:55 380

原创 编程式路由

1.this.$router.push('/xxx')2.this.$router.replace('/xxx')3.this.$router.go(-1)4.this.$router.back()5.this.$router.forward()

2023-02-28 10:10:08 78

原创 动态路由的用法

6.在App.vue中用首页 替代a标签,地址不用带‘#’5.在router/index.js中注册路由-----记得引入组件。2.在src下创建router文件夹,并创建index.js的文件。4.在App.vue中用router-view占位。以上做法太费时间,可以用vue-router插件。3.在main.js引入router。1.下载安装vue-router。

2023-02-27 14:09:23 190

原创 axios用法

2.在main.js中进行全局设置,组件中直接用$http即可(将axios挂载到VUE组件实例中,直接使用)4.可将请求url设置为全局域名,后续使用地址可以直接省去域名。1.在main.js中引入axios。3.在组件中发送请求。

2023-02-27 11:09:53 75

原创 自定义指令

只写bind方法,会导致dom更新时,属性不发生变化,可以加上update函数,当update函数和bind函数一样,就可以简写成以下方式。定义全局自定义指令,放在main.js中。

2023-02-27 10:40:39 39

原创 axios请求

【代码】axios请求。

2023-02-22 14:56:55 41

原创 Vue循环

用every方法,判断item中的state是否都为true,用了简写。用some方法,找到就结束循环。用reduce方法累加。

2023-02-22 14:49:27 168

原创 Vue-ref用法

2.在方法中,可以用this.$refs.doaction.来操作子组件中的方法和变量。1.在组件引用中声明ref名称。1.在模版中,声明ref名称。

2023-02-22 11:08:08 198

原创 Vue传值方式-兄弟之间传值

【代码】Vue传值方式-兄弟之间传值。

2023-02-22 10:54:43 120

原创 vue组件传值方式-子向父传值

子组件用方法传值-----用$emit方式,第一个参数是一个event,类似click。1.父组件引入子组件。

2023-02-22 10:38:16 140

原创 vue组件传值方式-父向子传值

msg 和user是子组件的变量,在这里需要用v-bind方式传值,不然传过去的是字符串。在子组件中,用props声明两个变量。

2023-02-22 09:58:30 173

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除