- 博客(36)
- 收藏
- 关注
RSS订阅转载 vue--slot插槽
父组件向子组件传递数据的方式—slot插槽的方式父组件将数据插入到子组件指定的位置在父组件里引用子组件后，在子组件的标签里直接插入一个内容或者一个DOM结构在子组件里设置一个slot组件，通知父组件要传的DOM结构等数据可以通过这个插槽传递过来父子组件之间有了约定了，那么写在子组件标签里的内容自然而然会显示出来当父组件没有数据传递过来的时候，slot显示自己默认的数据...
2018-12-30 13:39:00
118
转载 vue--mixins
混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式mixins主要用在以下两个方面：当做完一个项目，想好好放松的时候，突然有新需求为了不污染完美的构造函数，在构造函数外面定义一个mixins，这就是它的作用之一一个项目中会经常会有公共的方法，这些公共的方法不想全都写在构造函数里这时候就可以构造函数外面定义一个mixin...
2018-12-29 16:34:00
105
转载 vue--js里跳转页面
我们知道在vue里进行页面跳转的话，我们使用<router-link>这个标签那在构造函数里我们不能直接操纵DOM元素，我们又该如何进行页面跳转呢？步骤1:我们先在DOM里设置三个按钮，分别是“后退”，“前进”，“跳转任一页”。<button @click="goback">后退</button><button @clic...
2018-12-28 14:23:00
166
转载 vue--vant组件库field输入框
安装vant UI框架：cnpm install vant –-save-dev导入组件-在main.js里：import Vant from 'vant';import'vant/lib/vant-css/index.css';Vue.use('Vant')Field输入框是一个高频组件完全支持Input 标签所有的原生属性，比如maxle...
2018-12-28 14:09:00
4305
转载 vue--vant组件库Dialog弹出框
安装vant UI框架：cnpm install vant –-save-dev导入组件-在main.js里：import Vant from 'vant';import'vant/lib/vant-css/index.css';Vue.use('Vant')Dialog弹出框我们并不陌生，项目中的活动规则啊，登录注册啊，分享啊等等都会使用到弹出框...
2018-12-27 18:24:00
3534
转载 vue--动画收缩
首先 install vuex创建store文件夹在 store 文件夹分别建立state.js// 状态管理// 定义state 原始数据const state = { fullScreen: false}export default statemutation-types.js// 定义Mutations相关的字符串常量 ...
2018-12-27 18:08:00
106
转载 vue--transition-group
1.为什么要使用<transition-group><transition></transition>是vue封装的过渡组件<transition name="fade" mode="out-in"> //mode="out-in"模式先出后进 <router-view></router-view&g...
2018-12-26 13:20:00
253
转载 CSS--block inline inline-block
display:block block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。 block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。 block元素可以设置margin和padding属性。display:inline inline元素不...
2018-12-25 16:24:00
78
转载 vue--监听器
vue当中的属性，侦听器watchcomputed可以根据数据的变化而变化，而watch也具备同样的功能既然这么相似，那么两者的区别是什么呢首先是执行顺序上有一些细微差别，dom加载完成后将立即执行computed再watch触发事件后，若有methods则先执行再watch其次watch是更通用的响应数据变化的属性，如果数据变化是异步的，用watch较合适...
2018-12-25 12:04:00
65
转载 vue--简化项目逻辑属性
computed属性对数据变化是实时响应的因此当项目中某个数值发生变化，并且要在别的地方引用这个数值时，computed即可派上用场来看一个例子：html部分：<div id="nieo"> <input type="" v-model="year"> <input type="" v-model="month">...
2018-12-24 16:59:00
48
转载 vue--显示和隐藏
一、v-if判断通常是对用户行为的判断用js来控制，则是使用if语句进行判断，而vue也提供了一个类似if语句的指令——v-if实现条件判断首先在数据项里设置变量 data() { return { content: "喵喵喵", play: true } }通过控制play的值就可以实现元素...
2018-12-24 15:48:00
228
转载 vue--todolist
步骤1:看到input，就想到双向绑定，这样才能改变data数据，继而对显示也可以进行操作。所以呢，就会用到v-model这个属性，定义content用来保存input输入的值。步骤2:既然有列表罗列，肯定需要一个列表，list用于存储或者说记忆所有存储的内容。list是个数组。步骤3:有了input以及list之后，我们需要将input推送到list，我们就需要一个点击事...
2018-12-24 12:15:00
58
转载 vue--一些预设属性
Babel=> 转换工具，将ES6转换成ES5的转换工具。有些浏览器不支持ES6语法；router=> 路由管理器；vueX=> 一个仓库，存储状态信息；CSS pre-processor=> CSS预处理器，可以提高写CSS的效率，主要有三种预处理器，经常用到的是LESS,SASS;Eslint=> 校验代码工具。Eslint的作用：...
2018-12-12 16:28:00
134
转载 vue--vux框架的使用
<1>. 在项目里安装vuxnpm install vux --save<2>. 安装vux-loadernpm install vux-loader --save-dev<3>. 安装less-loadernpm install less less-loader --save-dev<4>...
2018-11-22 16:26:00
78
转载 vue--vConsole
平时在web应用开发过程中，我们可以console.log去输出一些信息，但是在移动端，也就是在手机上，console.log的信息我们是看不到的。这种情况下，可以选择使用alert弹出一些信息，但是这种方法不怎么方便，也会阻断JS线程，导致后面的线程都不执行。也影响调试体验。那么，如果将console.log应用到移动端呢？需要借助第三方插件：vConsole使用方...
2018-11-21 21:32:00
180
转载 vue--音乐播放器
github:https://github.com/vinieo/vue-music效果：基础组件：1.confirm：确认对话框组件2.listview：通讯录列表组件3.loading：加载态组件4.no-result：无结果展示组件5.progress-bar：进度条组件6.progress-circle：圆形进度条组件7....
2018-11-21 19:47:00
89
转载 vue--使用vue-cli构建项目
webpack是现在较流行的前端自动化工具，该工具可以帮助开发者打包代码，以减少需要手动的工作，可以提高开发效率。vue中提供了一个脚手架工具vue-cli，这个工具已经将webpack配置好了，使用这个工具可以快速地搭建一个标准项目。一、安装node1.在 https://nodejs.org/zh-cn/ 去下载，根据你的机型来选择。2.检查node是否安装成功...
2018-11-21 13:02:00
48
转载 vue--实例化对象
根目录下的文件，这些是创建vue项目时生成的配置文件node_modules=> 里面的文件是项目开发过种中的各种依赖，我们暂且不用去深入了解；public=> 主要放的是一些公用的文件，比如一些icon（即我们在收藏网址，网址前面的图标识别）src=> 这是我们整个项目的核心部分。我们所写的代码会全部放在这个文件夹下。assets=> 存...
2018-11-21 12:52:00
140
转载 vue--数据显示模版上
首先需要知道挂载点：是index.html文件下的一个dom节点模板：挂载点里的内容，也就是模板内容。组件：页面上的某一部分内容。当我们的项目比较大时，可以将页面拆分成几个部分，每个部分就是一个组件。单个组件地维护就相对简单多了。app.vue就是一个组件。组件一般包括三部分，html部分，css部分，js部分对于根节点app来说，App.vue是它的模板内...
2018-11-21 12:43:00
73
转载 CSS--交互效果
动画过渡效果//vue<div class="search-list" v-show="searches.length"> <transition-group name="list" tag="ul"> <li @click="selectItem(item)" class="search-item" :k...
2018-11-13 17:20:00
175
转载 vue--存储
storage一个存储库，它支持具有相同 api 的 sessionStorage 和 localStorage安装和用法：storage 的 API：set（key，val）用key和val设置存储get（key，def）使用key获取存储，如果找不到则返回defremove（key）用key删除存储has（key）确定存储有key...
2018-11-09 17:27:00
45
转载 vue--v-model表单控件绑定
原文链接：https://www.cnblogs.com/dyfbk/p/6868350.htmlv-model指令在表单控件元素上创建双向数据绑定，下面一一进行示例解释。1、v-model 双向绑定文本 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 ...
2018-11-06 16:09:00
83
转载 CSS--外发光与内阴影
外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）：阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx colorinset; 默认是外阴影 内阴影：inset 可以设...
2018-10-28 19:12:00
166
转载 vue运行报错--preventDefault
[Intervention] UnabletopreventDefault inside passiveeventlistener duetotarget being treatedaspassive. See https://www.chromestatus.com/features/5093566007214080解决方法：方法一在touch的事件监听方法上绑...
2018-10-27 18:01:00
348
转载 vue--移动端兼容问题
click的300ms延迟：引入fastclick库来解决输入命令npm install fastclick在main.js导入import Vue from 'vue'import App from './App'import router from './router'import fastclick from 'fastclick'...
2018-10-25 14:21:00
51
转载 vue--生命周期
这张流程图vue官网对vue生命周期的介绍vue的生命周期中有一些钩子函数beforeCreate createdbeforeMount mountedbeforeUpdate updatedbeforeDestroy destroyed简单来说就是创建 => 挂载 => 更新 => 销毁详细看:https://segment...
2018-10-25 14:08:00
54
转载 vue--vuex
https://vuex.vuejs.org/vuex是专为 vue.js 应用程序开发的 状态管理模式采用集中式存储管理应用的所有组件状态 并以相应的规则保证状态以一种可预测的方式发生变化vuex帮助我们管理共享 解决路由间的复杂数据传递vuex 是一种设计思想 它把所有组件的所有状态和数据 放在同一个内存空间去管理 我们把它称为 StateState 里的数...
2018-10-23 22:38:00
42
转载 Vue--vux组件库
各种组件demo源码~https://doc.vux.li/zh-CN/转载于:https://www.cnblogs.com/vinieo/p/9822783.html
2018-10-20 20:08:00
111
转载 CSS--点击改变样式
当某个链接或元素被选中时可以时，需要改变其颜色或状态，而stylus中提供&选择器,&指向父选择器，用于判断父元素达到某条件时改变状态，下面的例子中当父元素router-link有被选中（active）时，子元素改变颜色并加上下划线。//html<router-link tag="div" class="tab-item" to="/recommend"...
2018-10-20 17:08:00
1122
转载 Vue--获取数据
一、Jsonp抓取数据用 npm 安装 jsonpnpm install jsonp创建 jsonp.jsimport originJsonp from 'jsonp'export default function jsonp(url, data, option) { url += (url.indexOf('?') < 0 ? '?' :...
2018-10-18 22:50:00
131
转载 Vue运行报错--not defined
按F12键进入调试模式，谷歌总是提示Uncaught ReferenceError: ——is not defined这个错误。原来是因为虽然是传递的值，但是在函数传参的时候也要加引号，加上引号后就不会提示 Uncaught ReferenceError:—— is not define 了。转载于:https://www.cnblogs.com/vinieo/p/9813114...
2018-10-18 20:58:00
557
转载 Vue运行报错--eslint
Errors:? 1? http://eslint.org/docs/rules/no-trailing-spacesYou may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ t...
2018-10-18 20:55:00
256
转载 Android--小游戏
GitHub：https://github.com/vinieo/game功能描述“猜小球”是一个简单的愉悦身心的小游戏，它的功能结构如图a-1所示。构建开发环境在开发本游戏时，首先需要下载安装Android SDK 4.3，设置系统属性环境变量，启动Eclipse，创建和配置AVD模拟器，创建Android应用程序。准备资源在实现本游戏前，首先需要准备游...
2018-10-17 08:41:00
137
转载 Unity--game
打怪兽--头像状态Git :https://github.com/vinieo/attck打怪兽--背景音乐音量Git :https://github.com/vinieo/ack_bgm小球自动引路Git :https://github.com/vinieo/autoGo转载于:https://www.cnblogs.com/vinieo/p/981...
2018-10-17 07:33:00
52
转载 vue--toutiao
git：https://github.com/vinieo/vue-toutiao顶部导航栏内容底部导航按钮组件转载于:https://www.cnblogs.com/vinieo/p/10132053.html
2018-10-10 16:01:00
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人