- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue.js2.0 实现better-scroll的滚动效果
什么是 better-scrollbetter-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在 这里 。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。<template> <div> <div class="goods...
2018-08-12 16:44:29
379
原创 vue.js 2.* 使用transition实现动画效果
<transition name="fade"> <div class="detail" v-show="detailShow"></div></transition><script type="text/ecmascript-6"> export default {
2018-08-12 14:13:48
824
原创 vue.js 实现评价五角星组件
饿了么的五角星有三种形状,分别是实星,半星,空星 并且组件要能实现,这个五角星不同大小,评分也不一样,比如满分五颗星,四颗半星,四颗星等等....所以需要像组件传入一个大小:size,一个分数:score代码如下:<template> <div class="star" :class="starType"> <span ...
2018-08-12 11:46:18
4045
原创 vue.js template模板的使用
使用template实现如下页面(仿饿了么布局)如上图.使用了4个组件,分别是header.vue,goods.vue,ratings.vue,seller.vueheader.vue代码如下<template> <div class="header"> 我是header头部 </div></templat...
2018-08-11 23:02:48
48530
原创 vue.js 初建项目时的内容
新建好的vue项目,运行时页面时这样的主要的文件是根目录下的index.html和src目录下的App.vue,main.js文件其中index.html就是放置了一个层<div id="app"></div>,其余交给了App.vue模板去实现了在App.vue文件的代码如下:<template> <div id="app">...
2018-08-08 22:10:09
196
原创 Vue.js访问接口数据
在新安装的vue-cli中,并没有’dev-server.js’以及’dev-client.js’文件,取而代之的是webpack.dev.conf.js ,所以我们需要在webpack.dev.conf.js 文件中开始进行相关的数据获取: 学习并使用饿了么数据接口 其中:./data.json是在项目根目录下的json文件(数据接口) 怎么在服务开启的时候接口数据也对应做好:使用的是d...
2018-08-08 21:41:32
6626
原创 Vue.js中.eslintrc.js规则设定
// https://eslint.org/docs/user-guide/configuringmodule.exports = { root: true, parserOptions: { parser: ‘babel-eslint’ }, env: { browser: true, }, extends: [ // htt...
2018-08-08 21:30:43
2306
原创 1.初学vue.js,使用vue-cli脚手架搭建项目
最近一段时间,通过官网API教程,视频,博客等资料学习了vue.js,发现真的很好用,参考别人写的博客,自己也想来记录一下所学的知识. 介绍 1.0 Vue.js是一套构建用户界面的渐进式框架。 2.0 Vue 只关注视图层，采用自底向上增量开发的设计。 3.0 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。安装Node.js 使用vue.js之前,我...
2018-08-07 22:15:17
1440
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人