vue
关注
分享
扫一扫
cvper
向前走，打破前方的迷雾.....
展开
-
vue+webpack 项目示例（第一部分）
项目没有使用vue-cli创建目录，自己搭建，我们先学会如何创建整个项目；1.先随便找个地方创建一个文件夹，起个名字吧：vue-webpack ; 使用npm init 先创建一个packge.json ; 2. 局部安装webpack（注意，请使用webpack3.0版本，不要用最新的4.0版本），vue ，vue-loader; 3.第二步的时候出现了warn 警告信息，那么来处...原创 2018-03-24 20:56:24 · 1431 阅读 · 0 评论 -
Vue event.target.value( ) 获取当前文本框的值（回车或者点击触发）
Vue event.target.value( ) 获取当前文本框的值（由事件触发时）情景描述：假设当前有一个文本框，当我输入内容之后，回车或者点击一个按钮， 我们在这个input 上或者这个按钮上绑定事件，触发事件之后执行相应的methods中 的处理函数，在methods中的函数中是如何获取文本框中的值的呢？ ...原创 2018-04-21 12:10:28 · 39181 阅读 · 5 评论 -
less （四） 嵌套
<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="sty.css"&g原创 2018-04-21 11:55:35 · 380 阅读 · 0 评论 -
vue 事件处理函数的参数问题 ev的指向问题
之前有说过这样一个例子，回车或者点击添加新的任务；我们的处理方式是：绑定事件函数，然后进行相关处理；<input type="text" placeholder="例如:下午三点召开工作会议 ;" v-on:keyup.enter="addThingEnter" v-model="to...原创 2018-04-21 13:29:48 · 5788 阅读 · 1 评论 -
vue v-show指令的使用示例
之前写了几个基本的指令的用法，这一次来看看 v-show 的使用，先看看常规的使用规则： <div style="width:300px; height:100px; border:1px solid red;"> <p v-show="true">v-show的使用 true显示</p> <p v-show="...原创 2018-04-21 14:19:19 · 2633 阅读 · 0 评论 -
vue 组件中图片地址，图片获取
前提：在组件中使用引用图片，用于<img src> 或者 背景图片background;当我们利用vue-cli 搭建好项目的框架，开始高高兴兴开发组件的时候，有的时候想加一张图片，或者在样式中加个背景，会发现，图片引用不进来，这可愁坏了不是；组件中引用图片用于 <img src="???">使用图片之前，我们可以这么做，在组件的script 中引入图片，下面示例引入一...原创 2018-05-05 03:54:03 · 5714 阅读 · 1 评论 -
vue中使用轮播图 Vue-Awesome-Swiper
既然vue是基于组件进行开发的，那么适合组件的轮播图就用vue-awesome-swiper 吧，这个就是swiper，不过弄了一个适合vue的东西;官方这样描述：基于 Swiper4、适用于 Vue 的轮播组件，支持服务端渲染和单页应用。如果需要回退到 Swiper3，请使用 v2.6.7 版本。如何使用呢？第一步肯定要下载啊：npm install vue-awesome-swiper --s...原创 2018-05-05 04:15:13 · 3892 阅读 · 0 评论 -
在 .vue文件的样式文件中如何引入外部的样式文件 （.css .less）
一般情况下vue开发的时候都是一个组件一个组件进行开发，每个组件都有自己的样式文件，基本结构如下所示：<template> <div class="test"> 测试一下，哈哈 </div></template> <script>export default { ...原创 2018-09-24 23:33:06 · 9923 阅读 · 1 评论 -
vue 中多行文本溢出省略号 在打包之后，即 build 命令之后不起作用的原因
前提： 2.x的 cli 创建项目情景描述： 移动端实现多行文本溢出显示省略号，可以使用 下面这个属性： -webkit-line-clamp: 3; 具体怎么使用这里不作说明，但是在vue中，如果你使用了cli工具创建了项目，那么没有 ...原创 2019-05-06 22:00:56 · 1194 阅读 · 3 评论 -
vue 修改富文本的样式 使用 deep selectors >>>
情景描述： 在vue中，后台编辑富文本信息通过接口返回到前端页面中，为了样式的统一和美观，我们可以在 一定程度上设置富文本的样式，那怎么去设置呢？ 假设我们在vue中写了一个div , class 是 abc , 然后将富文本test渲染到div 中， ...原创 2019-05-06 22:15:49 · 3923 阅读 · 0 评论 -
VUE router-view
<router-view></router-view>标签是vue-router中的一个东西，当满足路由的条件时，即触发路由时，将对应的模板渲染显示在这个标签的地方；例如：我们在SPA(单页应用) 中使用vue-router来组织我们的路由，比如现在有三个导航：Home news sports 三个导航 ，我们设计下面的路由：假设三个导航对应的模板是： Home...原创 2018-04-20 23:53:07 · 292 阅读 · 0 评论 -
最新如何通过discord验证
vue的聊天室是用的discord,于是乎下载了一个桌面的版本，弄好才发现需要邮箱验证才能说话，否则有的功能受到限制，大家都喜欢自由，怎么受到束缚呢？于是打开自己的邮箱开始验证，本人使用的是新浪的免费版的邮箱，一直觉得很好用，但是这一次不灵光了，验证不过去，哎，啥原因呢，看了看验证的传输路径，居然.....google.com....所以啊 ，你也知道原因了吧，墙太高了，过不去啊，咋办，找个VPN...原创 2018-04-24 01:41:16 · 44031 阅读 · 0 评论 -
vue 安装使用 vue-cli
老版本如下（2018年 2.x ）：（新版本3.x往下看）vue-cli 可以帮助我们快速的搭建一个vue 的项目目录；首先安装vue-cli ：npm install --global vue-cli然后初始化一个基于webpack的项目，名字：cvper，其中会有各种参数提醒设置，随便来；下面根据提示来操作吧： cd cvper n...原创 2018-04-17 11:09:38 · 2037 阅读 · 0 评论 -
vue2 基础 （一）
当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------vue 不支持ie8；使用vue有多种方式，...原创 2018-04-18 23:35:34 · 189 阅读 · 0 评论 -
vue2 基础 （二）
当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------上一篇我们开始接触了一点点vue基础的东西，...原创 2018-04-19 00:14:18 · 227 阅读 · 0 评论 -
vue2 基础 （三）
当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------在上一篇中，我们使用了 v-on 这个指...原创 2018-04-19 01:07:20 · 195 阅读 · 0 评论 -
vue2 基础 （四）
当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------本篇我们来看看 v-html指令的用法；我们...原创 2018-04-19 01:24:41 · 127 阅读 · 0 评论 -
vue2 基础 （五）
当你了解这个是怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；---------------------------------------------------------------------------------------------------------------之前我们看了一些简单的一些概念性的东西，本篇...原创 2018-04-19 02:11:00 · 164 阅读 · 0 评论 -
vue2 基础 （六）
本篇我们了解一下 v-model , v-if , v-for 这三个指令；当你了解这个指令怎么用的，是干嘛的，就可以了，更多，更具体的信息可以去vue的官网去看文档；这里只是用更为直观的方式让你了解一下vue；------------------------------------------------------------------------------...原创 2018-04-19 02:58:03 · 139 阅读 · 0 评论 -
vue scoped的作用
在 vue的组件化开发中，我们会给 ＜ｓｔｙｌｅ＞＜／ｓｔｙｌｅ＞ 中加上一些参数，比如：ｓｃｏｐｅｄ ，或者 ｌａｎｇ＝＂ｌｅｓｓ＂；ｓｃｏｐｅｄ 的意思是下面的样式的作用域就是当前这个组件，比如ａａ．ｖｕｅ这个组件，所有的样式只在当前这个组件中有效果，那么ｌａｎｇ＝＂ｌｅｓｓ＂的意思是，声明我是用的是ｌｅｓｓ 还是 ｃｓｓ 还是ｓａｓｓ等等；下面是个小例子： 主要看ｓｔｙｌｅ部分，这里我...原创 2018-05-01 04:08:03 · 3308 阅读 · 0 评论 -
ｖｕｅ的数据 ｄａｔａ 问题
这里区分一下ｖｕｅ的数据问题：当我们一开始接触ｖｕｅ的时候可能看到的数据是这个样子的：var list=[ {title:"成功的路上并不拥挤",ifchecked:false}, {title:"坚持的人并不多",ifchecked:false}, {title:"hold on !",ifchecked:false}];new Vue({ el:"#con", d...原创 2018-05-01 04:29:06 · 1248 阅读 · 0 评论 -
vue中使用 vue-video-player的几个问题
video.js 插件在vue中是 vue-video-player;我们在vue中播放视频可以使用这个插件；下面简单描述几个使用中的问题，不涉及其他问题：1. 自定义播放处理 ， 我们自己如何去触发播放这个事件2. 播放，停止触发的函数相关处理；3. 在安卓的微信中播放视频不能播放的问题；1. 自定义播放，假设现在自己写了一个button, 或者其他什么东...原创 2019-05-06 22:38:38 · 21694 阅读 · 7 评论