vue
文章平均质量分 90
广州-文宗
广州中海达职员
展开
-
vue子组件如何执行父组件方法和另一个子组件的方法
业务场景当我们做相互性很强的界面时,会用到多个子组件,子组件传值,我就不多说了,我之前的文章有提到,这篇就就说下子组件执行父组件方法和另一个子组件的方法。如下:在A组件里 点击按钮,执行到C组件里的方法,并刷新数据。存在问题及如何解决我们的思路是通过组件C-A->B(子父子)问题1:子组件直接执行父组件方法会失败(this.parent.父方法)我们可以console.log(...原创 2019-11-27 16:09:49 · 4382 阅读 · 5 评论 -
vue定时请求改变单页数据的内存地址问题
业务场景我们需要做一个数据列表页面,需要让他每8秒进行一次更新存在问题1、直接写定时任务,赋值给list(列表数据保存的对象),会直接破坏vue对象(其实是内存地址被破坏)2、我们可以直接打印查看(注意看最后第二个打印有__ob__:Observer)我们直接 this.list=response会破坏vue对象其实说白了就是破坏了内存的地址(此地址非彼地址)出现的问题就是数据不能...原创 2019-11-21 09:59:29 · 558 阅读 · 2 评论 -
怎么理解vue的数据双向绑定
单向数据绑定指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流里面。 单向数据绑定缺点:HTML代码一旦生成完以后,就没有办法再变了,如果有新的数据来了,那就必须把之前的HTML代码去掉,再重新把新的数据和模板一起整合后插入到文档流中。 简单的来说就是DOM操作直接改变数据数据双向数据模型(Module)和视图(View)之原创 2017-10-29 23:15:33 · 8801 阅读 · 0 评论 -
vue基础语法以及父子组件如何相互传值
vue模板引擎语法,关注数据层面Mustache语法:{{msg}} 主要是用date控制html赋值:v-html=”“绑定属性:v-bind:id=”“使用表达式:{OK?”yes”:”NO”}文本赋值:v-text=”“指令:v-if=”“过滤器:{{message|capitalize}}和v-bind:id=”rawId|formatId”class和style绑定对象原创 2017-11-05 20:49:28 · 29370 阅读 · 0 评论 -
搭建vue项目
第一步:安装node.js 第二步:vue-cli构建SPA应用npm install -g vue-clivue init webpack demo1原创 2017-11-05 15:30:28 · 205 阅读 · 0 评论 -
Vuex我的理解
vuex:是一个专门为vue.js应用程序开发的状态管理模式什么情况下我应该使用 Vuex?虽然 Vuex 可以帮助我们管理共享状态,但也附带了更多的概念和框架。这需要对短期和长期效益进行权衡。 如果不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的 global event bus 就足够您所需了。但是,如果您需要构建原创 2017-12-21 10:24:50 · 685 阅读 · 0 评论 -
node编程及Express框架搭建
基于Chrome V8引擎在处理高并发非常有优势,和C语言性能上不相上下。单线程单线程的意思就是:在同一时间只能干一件事可以使用JS开发后端代码顺便提下,前端ES6或许因为兼容性需要编译为ES5,但node是服务端的,本身支持ES6,运行在服务端所以ES6不需要编译创建Web容器,访问HTML内容//编写一个server.jslet http = require('http');l原创 2017-12-04 23:15:34 · 240 阅读 · 0 评论