摘要:
flex弹性盒子的使用: HTML部分: <view class="chunk-box"> <view class="chunk color1"></view> <view class="chunk color2"></view> <view class="chunk color3"></view>
阅读全文
posted @ 2020-10-31 09:54
yu_bin
阅读(485)
推荐(0)
摘要:
phpstrom编辑器为例:可以在eslintrc.js中对代码的格式进行一些配置 解决代码格式不符合规则的报错 module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', '@vu
阅读全文
posted @ 2019-11-09 09:59
yu_bin
阅读(1440)
推荐(0)
摘要:
在stylus中使用: 1.在src目录下的assets文件中的styles文件中创建一个varibles.styl文件 2.在varibles.styl文件中书写代码 $bgColor = #00bcd4 3.在vue组件的style中引入全局样式 @import '../../../assets
阅读全文
posted @ 2019-11-05 23:51
yu_bin
阅读(12377)
推荐(2)
摘要:
box-shadow:营造层次感(立体感)、充当没有宽度的边框、特殊效果(无限投影的方式作画等) <style> #box{ width: 200px; height: 200px; background: #ff0000; margin: 100px auto; /*参数:x方向偏移 y方向偏移
阅读全文
posted @ 2019-11-05 23:23
yu_bin
阅读(474)
推荐(0)
摘要:
一、安装axios(进入官方文档查看安装流程) 二、安装qs: 三、在main.js中引入axios和qs 1.全局引入:
阅读全文
posted @ 2019-10-31 19:31
yu_bin
阅读(157)
推荐(0)
摘要:
方法一: 1.进入阿里巴巴矢量图标库网站 https://www.iconfont.cn 2.创建项目 3.进入图标库中选取所需图标 添加到购物车 然后添加到创建的项目中 4.点击下载至本地 解压文件 5.在src目录下的assets目录下的styles文件中创建iconfont文件夹 6.将解压文
阅读全文
posted @ 2019-10-31 00:44
yu_bin
阅读(696)
推荐(0)
摘要:
一、在public文件夹中的html文件进行配置: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=1.0">
阅读全文
posted @ 2019-10-30 15:15
yu_bin
阅读(938)
推荐(0)
摘要:
上述为配置:后面所有例子都以该配置为主 一般项目中会把路由文件分为两个部分: 1.配置路由列表文件 2. 创建路由实例文件(需引入vue-router插件) 实例化一个vue: 动态路由匹配: 嵌套路由: 命名路由 : 命名视图:(同一个页面上显示多个视图) 注意:路由列表中组件的优先级是由上而下的
阅读全文
posted @ 2019-10-06 00:05
yu_bin
阅读(577)
推荐(0)
摘要:
显示原理:当一个元素被 transition 包裹了之后,vue会自动当分析元素的css样式,然后构建一个动画的流程,在动画即将被执行的一瞬间(也就是事件触发后元素出现),vue会在内部标签上增加两个class名字,分别是 fade-enter,fade-enter-active,在动画执行到第二帧
阅读全文
posted @ 2019-09-24 17:19
yu_bin
阅读(399)
推荐(0)
摘要:
使用组件的细节: 细节一:子组件的基本使用 细节二: ref 的用法:vue中使用 ref 获取 dom 节点 ref 综合案例: 组件参数校验: 需求:校验父组件传递过来的必须是个字符串 将接收的props定义成对象,并指定类型,不以数组的形式接收参数 接收的数据是字符串类型 或者 数字类型都可以
阅读全文
posted @ 2019-09-23 21:17
yu_bin
阅读(243)
推荐(0)