vue学习
liyan882
这个作者很懒,什么都没留下…
展开
-
Vue--findIndex方法的使用原理
原理://根据id得到下标 // 默认去遍历list集合,将集合中的每个元素传入到function的item里, var index =this.list.findIndex(function(item){ //根据item中的id属性来判断这个item是否是上面id中 //对应的数据,如果是返回一个true ,否返回false,继续下面的一条数据的遍历,以此类推 return item.id ==id; //如果返回true,那么findIndex方法会将这个item对应的id返回到外面原创 2022-05-15 11:20:46 · 873 阅读 · 0 评论 -
组建中的stylus样式高亮显示
组建中的stylus样式高亮显示并且可以格式化1、首选项-搜索“用户设置”-settings.josn文件中添加"files.associations": { "*.vue": "vue" }如下图原创 2020-03-21 16:51:43 · 617 阅读 · 0 评论 -
VSCode 使用 stylus,高亮显示 配置格式化设置
VSCode 使用 stylus,高亮显示 配置格式化设置1、VSCode 扩展商店中搜索 stylus Supremacy 进行安装2、文件-首选项-搜索“”用户设置” 选择setting.json 配置文件中添加如下配置即可/ 以下为stylus配置 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.i...原创 2020-03-21 16:46:59 · 5090 阅读 · 0 评论 -
VSCode新建vue文件自定义模板
**VSCode新建vue文件自定义模板1、先安装 Vetur 扩展 让 VSCode 支持 .vue的扩展名2、然后 菜单栏 -文件 - 首选项 - 用户代码片段3、输入vue选择vue-html.json点击进行设置如下图:"Print to console": { "prefix": "vue", "body": [ ...原创 2020-03-21 08:39:53 · 1312 阅读 · 0 评论 -
vue-cli的build的文件夹下没有dev-server.js文件,怎么配置mock数据
**vue-cli的build的文件夹下没有dev-server.js文件,怎么配置mock数据因为最新版本的vue-cli已经放弃dev-server.js,只需在webpack.dev.conf.js配置就行新版webpack.dev.conf.js配置如下:1、在const portfinder = require(‘portfinder’)后添加//添加mock数据const ...原创 2020-03-20 21:30:44 · 141 阅读 · 0 评论 -
解决vue-cli中stylus无法使用的问题
1、安装依赖 (上接安装脚手架那块)cnpm install 2、通过指令全局安装stylusnpm install stylus -g3、在package.json文件中写入依赖:"stylus-loader": "^2.5.0", "stylus": "0.52.4",4、然后在命令行运行cmpm i 安装插件。 cnpm install stylus-loader原创 2017-08-09 12:28:17 · 901 阅读 · 0 评论 -
webpack-vue全家桶之实现border-1px
app.vue 引入@import “./common/stylus/mixin.styl”border-1px(rgba(7, 17, 27, 0.1))mixin.styl border-1px($color) position: relative &:after display: block position: absolute left: 0 bo原创 2017-08-09 14:44:31 · 1100 阅读 · 0 评论 -
从零开始搭建一个vue.js的脚手架
1.Node.js(JavaScript运行环境)安装2.Vue.js安装3.脚手架搭建4.项目文件描述1.Node.js安装下载安装测试下载安装点击下载:Node下载根据自己电脑系统安装,一直点下一步即可测试Windows+R快捷键打开cmd窗口,输入node -v出现版本号,即安装成功!2.Vue原创 2017-08-09 13:42:24 · 458 阅读 · 0 评论