
vue
一鹿有你~
你不优秀,认识谁都没用。。。
展开
-
自定义vue全局组件use的使用
1.目录结构2.Loading.vue(这里可以写你想要的loading样式)3.Loading.js(主要部分是Loading.js里的install方法)4.main.js(起到引入的作用)5.App.vue完成上面几步就能实现用自定义vue全局组件了原创 2017-11-17 15:05:19 · 1513 阅读 · 0 评论 -
Vuex的使用(集中式管理数据)
网站:https://vuex.vuejs.org/1.vuex的思想2.项目中先安装cnpm install vuex –save3.目录结构4.main.js(引入)5.App.vue(mapGetters用来获取数据的,mapActions用来管理行为的)6.index.js(export default new Vuex.Store({..}))7.actions.js(//处理你要干什么)原创 2017-11-17 15:28:45 · 1229 阅读 · 0 评论 -
vue过滤器的使用(filter)
1.局部过滤器结构export default{ data(){ return { data:"qqq" } }, Filter:{ 过滤器名:function(value){ .... return .. } }}2.一个实现时间戳转化为yyyy原创 2017-11-17 15:51:52 · 9906 阅读 · 0 评论 -
Vue-router2.0学习笔记
首先需要安装npm install vue-router然后在Main.js中使用import Vue from ‘vue’ import VueRouter from ‘vue-router’ Vue.use(VueRouter)我一般都是使用模块化编程的形式,用.vue单文件,先上例子1.先看结构2.BlogHeader.vue3.App.vue4.ShowBlog.vue5.Singe原创 2017-11-22 11:20:07 · 356 阅读 · 0 评论 -
vue2.0组件之间如何通信
1.父组件传递数据给子组件通过props属性来实现具体代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <di原创 2017-11-24 10:39:05 · 349 阅读 · 0 评论 -
vue(购物车)
<template> <div> <div class="row"> <!-- 菜单 --> <div class="col-sm-12 col-md-8"> <table class="table"> <thead class=&q原创 2018-03-20 10:04:09 · 367 阅读 · 0 评论 -
this.$nextTick
首先我们先来看看官方介绍的用法:将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。理解:1.总结来说, 假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的,也就好比我们将打印输出的代码放在setT...原创 2018-06-22 09:38:48 · 10861 阅读 · 3 评论