vue学习
关注
分享
扫一扫
wahaha-me
努力不一定成功，但放弃一定失败
展开
-
23-路由切换动画
23-路由切换动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</titl转载 2019-03-08 14:21:23 · 542 阅读 · 0 评论 -
22-设置路由高亮显示方式
22-设置路由高亮显示方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</转载 2019-03-08 14:16:01 · 558 阅读 · 0 评论 -
20-组件案例发表评论功能
20-组件案例发表评论功能 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue.js&quo转载 2019-03-08 11:13:56 · 449 阅读 · 0 评论 -
19-父组件向子组件传值
19-父组件向子组件传值&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/t转载 2019-03-08 00:16:50 · 151 阅读 · 0 评论 -
18-组件动态切换方式
18-组件动态切换方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js"&转载 2019-03-07 16:31:27 · 192 阅读 · 0 评论 -
24-路由规则query查询字符串传参数
24-路由规则query查询字符串传参数&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&a转载 2019-03-08 14:54:55 · 694 阅读 · 0 评论 -
24-路由参数params
24-路由参数params&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/转载 2019-03-08 14:56:03 · 363 阅读 · 0 评论 -
25-路由的嵌套children
25-路由的嵌套children<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js&q转载 2019-03-08 15:32:57 · 191 阅读 · 0 评论 -
26-路由命名视图实现经典布局
26-路由命名视图实现经典布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js&qu转载 2019-03-08 21:06:28 · 236 阅读 · 0 评论 -
27-computed计算属性
27-computed计算属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js&qu转载 2019-03-08 21:24:59 · 166 阅读 · 0 评论 -
28-构建mainjs函数
28-mainjs函数// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.// import 'mint-ui/lib/style.css'import Vue fro...转载 2019-03-09 14:17:50 · 626 阅读 · 0 评论 -
手机号验证
<div class="spandeng"> <span :class="{on:login}" @click="login=true">短信登录</span> <span :class="{on:!login}" @click="login=false">密码登录</span> </di...转载 2019-04-26 10:45:29 · 309 阅读 · 0 评论 -
17-组件创建方式
17-组件创建方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js"&am转载 2019-03-07 15:43:14 · 150 阅读 · 0 评论 -
16-过渡动画钩子函数-小球购物车
16-过渡动画钩子函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js"&转载 2019-03-07 13:25:28 · 259 阅读 · 0 评论 -
29-node构建应用
29-node构建应用简便方法1 先安装node.js1, 全局安装脚手架 cnpm i -g vue-cli2, 安装项目 vue init webpack: 适用于中大型项目 vue init webpack-simple: 适用于小型项目目录: 配置文件: 把里面的东西copy到文件夹里,然后直接在终端输入cnpm install即可安装配...转载 2019-03-09 14:21:35 · 199 阅读 · 0 评论 -
30浏览器初始化 base。css +normalize.css
30浏览器初始化 base。css +normalize.css/** @Author: andy* @Date: 2017-12-18 09:34:47* @Last Modified by: andy* @Last Modified time: 2017-12-18 09:34:47*/*{ margin:0; padding:0; box-sizing: bo...转载 2019-03-09 22:30:33 · 346 阅读 · 0 评论 -
mainjs状态管理vuex
mainjs状态管理vuex// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.// import 'mint-ui/lib/style.css'import Vue ...转载 2019-03-13 13:48:21 · 1028 阅读 · 0 评论 -
vuex状态管理store
vuex状态管理store<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js"转载 2019-03-13 13:47:09 · 456 阅读 · 0 评论 -
06-class样式操作
05-class样式操作&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;转载 2019-03-05 22:10:36 · 166 阅读 · 0 评论 -
05-v-model简易计算器
05-v-model简易计算器在这里插入代码片&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&转载 2019-03-05 22:11:04 · 278 阅读 · 0 评论 -
03-事件修饰符
stop阻止冒泡prevent阻止默认行为capture 事件捕获机制self自身才会触发once只触发一次事件在这里插入代码片&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&a转载 2019-03-05 22:11:20 · 143 阅读 · 0 评论 -
04v-model双向数据绑定
双向数据绑定在这里插入代码片&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt转载 2019-03-05 22:11:34 · 163 阅读 · 0 评论 -
02-跑马灯效果
Title转载 2019-03-05 22:11:52 · 164 阅读 · 0 评论 -
07-v-for用法
07-v-for用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js"&转载 2019-03-05 22:18:19 · 180 阅读 · 0 评论 -
08-v-if show使用
08-v-if show使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js&quo转载 2019-03-05 22:43:33 · 270 阅读 · 0 评论 -
09品牌管理案例
09品牌管理案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js"&转载 2019-03-06 13:38:49 · 303 阅读 · 0 评论 -
10-filter过滤器
10-filter过滤器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--<script src="./lib/v转载 2019-03-06 13:52:58 · 183 阅读 · 0 评论 -
11-自定义按键修饰 获取焦点
11-自定义按键修饰 获取焦点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js&qu转载 2019-03-06 15:25:55 · 209 阅读 · 0 评论 -
13-Vue.js之Axios总结
13-Vue.js之Axios总结mainjs里面引入import axios from 'axios'Vue.prototype.$ajax = axiosaxios.defaults.baseURL = 'http://182.254.146.100:8899/api/' 设置默认请求api请求操作this.ajax.get('getnewslist'+id) .then...转载 2019-03-06 23:14:51 · 222 阅读 · 0 评论 -
12-生命周期函数
12-生命周期函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/vue.js"&am转载 2019-03-06 21:02:53 · 212 阅读 · 0 评论 -
14-品牌列表vue-resource获取数据
14-品牌列表vue-resource获取数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./lib/v转载 2019-03-07 13:23:01 · 261 阅读 · 0 评论 -
15-过渡动画所有方式
15-过渡动画所有方式&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/ti转载 2019-03-07 13:23:55 · 491 阅读 · 0 评论 -
【VUE】图片预览放大缩小插件
【VUE】图片预览放大缩小插件在看项目时，突然看到预览图片的弹窗，感觉好僵硬，不能放大，不能切换，于是便在网上找下关于图片预览的插件，有找到三个插件，具体的优劣势的看自己的使用吧，我目前只是在电脑查看效果，分别是viewerjs插件、基于photoswipe的vue-photo-preview插件以及vue-picture-preview插件第一种：viewerjs使用介绍viewerjs插...转载 2019-03-11 14:19:47 · 522 阅读 · 0 评论