![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
梵涯
这个作者很懒,什么都没留下…
展开
-
vuex中的modules的模块化使用
vuex中的modules的模块化使用【1】在vuex中将组件模块化,新建mainModules.js模块1)开启模块内部的action、mutation、getter都会被注册在全局命名空间内,俗话就是注册成全局的2)在模块中,state 是被限制到模块的命名空间下,需要命名空间才能访问。3)actions 和mutations, 其实还有getters 却没有被限制.// 通过添加namespaced将actions,mutations,getters限定在模块命名空...原创 2020-11-06 09:22:12 · 2158 阅读 · 0 评论 -
VUE脚手架安装
VUE脚手架--VUE CLI1)Node.js: javascript运行环境(runtime【1】Vue开发环境:),不同系统直接运行各种编程语言2)npm: Nodejs下的包管理器。3)webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。4)vue-cli: 用户生成Vue工程模板注意关于VUE CLI脚手架不用重复安装,vue -V检查VUEVUE CLI脚手架是否安装,如果曾经安装过需要先.原创 2020-11-06 09:13:41 · 314 阅读 · 0 评论 -
ElementU数据表格用计算属性动态绑定图片
ElementU数据表格用计算属性动态绑定图片我使用的ElementUI的数据表格,根据数据不同切换、绑定不同的图片。注意由于无法直接读取图片路径,因为webpack在打包的过程中会把url解析成一个字符串【1】可以require()读取【2】也可以通过import img from '@/assets/images/*'导入【3】将图片放在静态目录可以直接通过路径读取(webpack不会处理静态目录的文件)<template><!-- 这个图片可以直接显...原创 2020-11-06 09:08:45 · 339 阅读 · 0 评论 -
VUE的计算属性computed
计算属性computed :计算属性computed定义起来像方法,用起来像普通属性一样,是在模板中绑定计算属性的,当data中对应数据发生改变时,计算属性的值也会发生改变。Methods:methods是方法,只要调用它,函数就会执行。相同:两者达到的效果是同样的。不同:计算属性是基于它们的依赖进行缓存把数据存储到内存中,减少不必要的请求。只有相关依赖会发生改变时才会重新子组件的data赋值。只要相关依赖未改变,只会返回之前的结果,不再执行函数<body>...原创 2020-06-20 20:11:21 · 531 阅读 · 0 评论 -
VUE的常用指令
VUE的常用指令Vue中的数据绑定三种方式:1)插值,也就是{{name}}的形式,以文本的形式和实例data中对应的属性进行绑定2)v-bind:3)v-model:【1】v-model 双向绑定数据1)主要是用在表单元素中,它实现了双向绑定。2)v-model建立的双向绑定对输入型元素input, textarea, select等具有优先权,会强制实行双向绑定3)如向input输入数据,改变input值同时也改变视图data的值<!DOCTYPEhtm..原创 2020-06-08 18:41:46 · 604 阅读 · 0 评论