![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 72
大仙andrew
这个作者很懒,什么都没留下…
展开
-
vue中css样式的提取与引用
在css的使用中,我们对一些常用、公共的css样式,可以单独提取出来,在用到地方再使用,可以保证一些公共的样式一致性、增强代码的维护性等。1.新建css样式的文件新建一个“对象内文本溢出时显示省略号”的样式:ellipsis.stylellipsis() overflow: hidden white-space: nowrap text-overflow: ellipsis新建一个“公共的颜色、字号”的样式:varibles.styl$bgColor = #00bcd42.对样式原创 2020-11-04 21:55:59 · 1928 阅读 · 0 评论 -
vuex的分解优化使用
在上篇文章中,我们简单的使用了vuex,现在对它进行分解优化。1.创建一个store的文件夹在main.js中引用这个store文件夹:import store from './store'new Vue({ el: '#app', store})在store文件中创建index.js、mutations.js和state.js。index.js:import Vue from 'vue'import Vuex from 'vuex'import state from './原创 2020-11-03 00:53:01 · 117 阅读 · 0 评论 -
vuex的初级使用
在vue中我们使用vuex做状态管理,可以在组件之间实现共享数据。1.创建一个store的文件夹在main.js中引用这个store文件夹:import store from './store'new Vue({ el: '#app', store})在store文件中创建一个index.js:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({原创 2020-11-03 00:17:07 · 77 阅读 · 0 评论 -
vue组件的name有啥用
vue组件的name有啥用1.keep-alive中,配合组件的name缓存过滤2.组件中进行递归调用自身3.vue-tools工具的展示我们在使用组件的时候,一般都给组件一个name,这个name其实还是有用处的:1.keep-alive中,配合组件的name缓存过滤现在我有一个detail的组件:export default { name: 'detail'}我们在App.vue中使用keep-alive,exclude的值就是一个组件的名称(当然这里最好还是小写的)<keep原创 2020-10-29 00:36:12 · 680 阅读 · 0 评论