![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Jackey__sunshine
修行,享受人生
展开
-
Vue指令---v-clock
v-clock解决页面闪烁问题如果网速慢,而该标签内容是变量没有请求响应回来的时候,页面上先不显示该标签(vue给该标签加了css样式),当响应回来的时候改标签默认将css样式去除。此指令可以解决使用差值表达式页面闪烁问题将该指令加在html标签中时,可以在该文件中加style属性为display:none,例子如下:<div class="#app" v-cloak> ...原创 2019-05-16 17:14:49 · 16469 阅读 · 2 评论 -
v-text和插值表达式{{ }}的区别
v-text会覆盖元素中原本的内容,插值表达式{{ }}只会替换自己的这个占位符,不会把整个元素内容替换。原创 2019-05-16 17:21:30 · 1988 阅读 · 0 评论 -
Vue计算属性computed
一、计算属性定义以及使用环境在vue中可以使用模板语法,模板内可以使用表达式,但是设计它们的初衷是用于简单运算的,在模板中放入太多的逻辑会让模板过重且难以维护。<div id="example"> {{ message.split('').reverse().join('') }}</div>例如在以上代码中想要获得的是变量message的翻转字符串,并不是简...原创 2019-06-12 17:02:59 · 155 阅读 · 0 评论 -
vue--给子组件根元素添加class属性
例子:1.声明自定义组件Vue.component('my-component', { template: '<p class="foo bar">Hi</p>'})2.调用组件,添加class属性<my-component class="baz boo"></my-component>3.结果<p class="foo ...原创 2019-06-12 17:45:03 · 9427 阅读 · 0 评论 -
Vue中数组更新后视图不动态更新原因剖析
原文转载自:https://blog.csdn.net/m0_37747665/article/details/82148966 在Vue的官方文档有提到这样一个注意事项:由于 JavaScript 的限制,Vue 不能检测以下变动的数组:1)当你利用索引直接设...转载 2019-06-13 11:37:44 · 656 阅读 · 0 评论 -
Vue实现跨域请求的解决办法
在使用vue做项目的时候遇到了跨域问题,在此总结一下两种解决办法。一、服务器端设置跨域header('Access-Control-Allow-Origin:*'); header('Access-Control-Allow-Headers:content-type'); header('Access-Control-Request-Method:GET,POST'); 二、vue设置...原创 2019-07-15 15:23:40 · 3296 阅读 · 0 评论