vvvvvlj

更改按钮默认样式<el-button type="info">主要按钮</el-button>.el-button--info{ color: #fff; background-color: #FF69B4; border-color: #FF69B4;}.el-button--info:disabled { background-color: #999999; border-color: #999999;}.el-button--primary.

使用自定义指令实现vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { buttonPermission: { add: true, edit: true, delete: false } }, mutations: { //定义好请求的方法,这里将把后台返回的按钮权限数.

menu组件封装app.vue <template> <div id="app"> <vvMenu> <vvMenuItem>导航一</vvMenuItem> <vvMenuItem>导航二</vvMenuItem> <vvMenuItem>导航三</vvMenuItem> </vvMenu> <router-.

1.将props设为true。作用同this. $ routes.params。但是推荐使用props，因为要让组件和路由解耦，所以尽量不要在组件中使用$routes。{ path:'/categories/edit',component:CategoryEdit,props:true},这样在组件中：data(){ return { props:id } },可以直接用 this.id取值，而可以不用 this.$route.params.id 取值...

事件处理绑定监听:v-on:xxx=“fun”@xxx=“fun”@xxx=“fun(参数)”默认事件形参: event隐含属性对象: $event<h2>1. 绑定监听</h2> <button @click="test1">test1</button> <button @click="test2('abc')">test2</button> <button @click="test3('atg

模板语法模板的理解:动态的html页面包含了一些JS语法代码双大括号表达式指令(以v-开头的自定义标签属性)双大括号表达式语法: {{exp}} 或 {{{exp}}}功能: 向页面输出数据可以调用对象的方法指令一: 强制数据绑定功能: 指定变化的属性值完整写法:v-bind:xxx=‘yyy’ //yyy会作为表达式解析执行简洁写法::xxx=‘yyy’指令二: 绑定事件监听功能: 绑定指定事件名的回调函数完整写法:v-on:click=‘xxx’简洁写法:@