![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue相关
文章平均质量分 68
小唛的前端宝库
这个作者很懒,什么都没留下…
展开
-
vue中使用stylus
vue中使用stylus编辑器: Visual Studio Code 适用于脚手架第一步。配置文件package.json 文件中"devDependencies": { …… //内部添加 "stylus": "^0.54.5", "stylus-loader": "^2.1.1" //配置文件}第二步。安装依赖 n...原创 2018-06-21 11:44:00 · 593 阅读 · 0 评论 -
基础系列- vue数组中传入对象(变异方法)
vue数组中传入对象数组中传入单个对象methods方法中写法如下: this.data1.push({name:"lala"})数组中传入多个对象methods方法中写法如下: this.data1.push({name:"lala",content:"今天是个好日子"}原创 2018-08-20 17:47:27 · 3777 阅读 · 0 评论 -
【vue系列课程5】—— 事件监听v-on
事件监听v-on事件监听v-onv-on 基础模式methods编辑方法实现v-show切换显示事件传递参数的使用注:项目参考课程编写v-on 基础模式<template> <section> &a原创 2018-08-31 10:54:55 · 320 阅读 · 0 评论 -
【vue系列课程4】—— 列表渲染v-for
列表渲染v-for列表渲染v-for遍历数组1.基本模式(简单列表循环)2.有index 绑定key情况遍历对象遍历数组1.基本模式(简单列表循环)<template> <section> <div class="list"> &am原创 2018-08-20 10:10:51 · 162 阅读 · 0 评论 -
【vue系列课程3】—— 条件渲染
条件渲染v-ifv-elsev-show条件渲染v-if、v-else实现界面切换显示v-else-ifv-show( 无else )v-show 与 v-if 区别v-if、v-else实现界面切换显示单一视图<template> <div> <p v-if="show"&a原创 2018-08-20 09:36:48 · 135 阅读 · 0 评论 -
【vue系列课程2】—— 项目总概、模版语法、vue基本指令
初级认识并简单修改Vue初级认识并简单修改Vue项目总概模版语法(修改项目)1.Vue组件2.Mustache模版语法模版语法的规则与使用3.Vue基本指令v-html:渲染文本v-text:渲染文本v-bind:绑定项目总概main.js 加载Vue实例、引入App.vue组件,构成项目 每个 Vue 应用都是通过用 Vue 函...原创 2018-08-17 11:45:31 · 126 阅读 · 0 评论 -
【vue系列课程1】—— vue脚手架环境搭建,目录结构
环境搭建要求ie8以上(政府项目不要选)已经安装好webpack环境搭建1.脚手架安装(项目初始化)2.目录结构1.脚手架安装(项目初始化)全局安装vue-cli$ npm install -g vue-cli创建新项目$ vue init webpack vueTest进入项目$ cd vueTest安装依赖$ np...原创 2018-08-17 10:13:36 · 174 阅读 · 0 评论 -
vue小花样——鼠标指针图片样式替换
vue用图片替换pointer指针脚手架搭建的vue项目,直接使用.ico、cur格式不生效html,body{ cursor: url('../images/tutu.png'),auto;}可使用格式:.png / .gif 注:gif格式不能动起来,只能为静态图片...原创 2018-08-16 18:44:29 · 10484 阅读 · 4 评论 -
vue脚手架搭建网站之——菜单栏.ico图标的添加
vue图标的添加脚手架搭建好的vue项目,index.html引入了文件,居然失效了!怎么办!一起来配置吧~vue图标的添加1.制作合适的图标,并放至与index.html同级目录下2.引入文件3.在build > webpack.dev.conf.js 里面添加配置4.最后一步重新运行一下项目 npm run dev1.制作合适的图标,并放至与ind...原创 2018-08-16 17:59:01 · 4825 阅读 · 0 评论 -
VUE项目打包(解决背景图片不显示问题)
vue项目打包vue项目打包改变路径配置配置背景图片路径在命令行中用npm run build 进行打包。查看改变路径配置将绝对路径改为相对路径目标文件:项目目录 > config文件夹 > index.jsassetsPublicPath:'/' 改为:assetsPublicPath:'./' (加一个点变为相对路径)...原创 2018-07-11 10:52:40 · 12455 阅读 · 0 评论 -
vue原生获取屏幕高度
vue原生获取屏幕高度1、全界面2、组件中vue原生获取屏幕高度技术胖pos实战练习知识点 视频链接1、全界面.main{ float: left; width: 100%; height: 100%; background-color: rgb(240, 249, 255); overflow: hidden;}2、组件中...原创 2018-07-09 16:09:44 · 13291 阅读 · 0 评论 -
vue-awesome-swiper 组件内设置样式失效问题
@感谢羊羊羊0703vue-awesome-swiper 组件内设置样式失效问题给外框定义id<swiper class="swiper" id="pa" :options="swiperOption" ref="my原创 2018-06-14 11:27:49 · 5154 阅读 · 0 评论 -
VUE 脚手架项目中轮播图的实现
VUE项目中轮播图的实现 vue-awesome-swiper——依赖插件vue-awesome-swiper,PC端应用一款基于 Swiper4、适用于 Vue 的轮播组件,支持服务端渲染和单页应用。官方GitHub参考链接功能实现:自动轮播 无限循环鼠标进入停止轮播鼠标移出开始轮播 注:初学vue,小白鼠一枚,有错误请指点,勿喷 勿喷, 手动比心 ❤...原创 2018-06-13 18:32:29 · 5024 阅读 · 1 评论 -
vue 导航切换
VUE导航切换 vue-router实现导航点选,不同路由界面展示选中导航高亮提示hover提示第一步:路由设置位置:router > index.jsimport Vue from 'vue'import Router from 'vue-router'const home= r => require.ensure([], () => r(r...原创 2018-06-21 14:21:51 · 2135 阅读 · 3 评论 -
vue删除v-for构建循环列表选中的一项
vue删除v-for构建循环列表选中的一项重点语句: this.removeList.splice(index,1);后续参考原创 2018-08-21 14:23:57 · 4838 阅读 · 0 评论