<template><div><h1>app</h1><one></one><two></two></div></template><script>import one from "./one.vue"...

npm install vuex --save//main.js// 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 Vue from 'vue'imp...

<template><div><h3>styleDemo</h3><div v-bind:class="{ active: isActive }"></div></div></template><script>expor...

<style lang="stylus" rel="stylesheet/stylus" scoped>@import '~src/stylus/mixin';@import '~src/styles/base.styl';@import '~src/styles/page-img.styl';@import '~src/styles/page-common.styl';&l...

<el-form-item label="权限：" prop="defaultRole"><el-select v-model="defaultRole" multiple placeholder="请选择权限" clearable @change="aaa"><el-option label="没有权限" value=...

vue的路由在默认的hash模式下,url会带有一个#去掉的话加上mode: 'history', 板成history模式就可以了如果改变之后样式出现问题可以把./换成/修改前：<link rel="stylesheet" href="./static/css/base.css">修改后：<link rel="stylesheet" href="/static/cs...

简单的例子 没有多余代码，父传子<template>//父组件 引用子组件aaa 两种写法传递num1,num2<div><aaa v-bind:father1="num1" :father2="num2"></aaa></div></template><script>import ...

给组件加 ref打印结果 this.$refs.comp 是 vue 组件，this.$refs.span 打印出来的是 html 节点，这也是 ref 用在组件和 html 原生标签上的区别。可以通过 $refs 得到组件，进而调用组件的变量和方法，如 this.$refs.comp.value 拿到了组件内部变量 value 值。所以可以通过 ref 操纵组件上的内容（推荐用 props ..