Vue
霸霸霸霸天虎丶
不断学习的目标是为了以后能做一个大众都使用的东西
展开
-
Vue 组件之间的引入
index.html:<div id="app"></div>运行完index.html之后自动寻找运行main.js文件main.js:import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = falsenew Vue({ el: '#app',翻译 2017-10-23 10:14:36 · 6886 阅读 · 0 评论 -
VUE mixins 个人见解
var mixin = { data: { count: 'qwe' }, methods: { foo: function () { console.log('fool') }, conflicting: function () { console.log('from mixin') } }, created()原创 2017-10-19 15:44:03 · 738 阅读 · 0 评论 -
理解VUE的slot内容分发
<div class="container"> <child> <!--此处是待分发的内容--> <p slot="one">one</p> <p slot="two">two</p> <p>default</p> </child></div>Vue.component("child", { template: '<div>\ <h1>内容被分发原创 2017-10-18 17:17:05 · 522 阅读 · 0 评论 -
VUE Created\什么是Virtual Dom
怕自己在以后忘了,保存一份VUE Created 实例生命周期图解原创 2017-10-16 17:01:46 · 546 阅读 · 0 评论 -
vue轮播图插件vue-awesome-swiper的引入及使用
最近写vue2.0项目中用到了轮播图的一个插件,也就是vue-awesome-swiper,个人感觉还是比较强大的,swiper官网中的API及配置均可使用(支持3.0),以下说下使用该插件的一些步骤:第一步安装npm install vue-awesome-swiper –save第二部在main.js中引入import Vue from ‘vue’ import VueAwesomeSwipe转载 2017-10-23 13:06:48 · 4273 阅读 · 0 评论 -
Vue-router 切换组件页面时进入进出动画
App.vue<template> <div id="app"> <Header></Header> // 用transition 把切换组件页面的容器包含 <transition name="slide-fade"> <router-view></router-view> </transition> </div></template><sc原创 2017-10-24 20:51:28 · 13356 阅读 · 1 评论 -
VUE .sunc (update,$emit)父子组件传递数据 手记
子组件中使用 props: [值] ,在html中使用 父组件中在data中定义 data值,使用 :值=” data值 ” , 即可VUE .sunc (update,$emit)父子组件传递数据 手记原创 2017-10-18 14:55:26 · 3838 阅读 · 0 评论