![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 51
Vue相关
编程本就是逆天而行
这个作者很懒,什么都没留下…
展开
-
vue中key的作用
在 v-if 中Vue为你提供了一种方式来表达这两个元素是完全独立的,不要复用它们。只需添加一个具有唯一值的 key 属性即可<!-- 例如,如果你允许用户在不同的登录方式之间切换,下面的代码中切换 type 将不会清除用户已经输入的内容。因为两个模板使用了相同的元素,span标签不会被替换掉,仅仅是替换了它的 placeholder`。 --><template v-if="type == 'username'"> <label>Username</la原创 2021-08-17 09:40:17 · 177 阅读 · 0 评论 -
v-for 和 v-if 的优先级
在vue2中v-for 的优先级更高,如果同时出现在同级每次渲染都会先执行循环再判断条件,由此可见对性能损耗比较大,可使用计算属性先筛选需要的数据在vue3中v-if 的优先级更高,因为 v-if 优先级高了,这意味着 v-if 将没有权限访问 v-for 里的变量,抛出错误兼容性问题详见:vue官网描述...原创 2021-08-16 14:49:54 · 2191 阅读 · 0 评论 -
计算属性和侦听器
computed不同computedcomputed是计算属性,也就是依赖某个值或者props通过计算得来得数据;computed的值是在getter执行之后进行缓存的,只有在它依赖的数据发生变化,会重新调用getter来计算;不支持异步,当computed内有异步操作时无效,无法监听数据的变化;watchwatch是监听器,可以监听某一个数据,然后执行相应的操作;不支持缓存,数据变直接会触发相应的操作;监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;支持异原创 2021-06-15 11:43:01 · 178 阅读 · 1 评论 -
Vue组件之间传值
父传子第一种方案在父组件中引用子组件在引入组件的地方绑定属性传递父组件数据在子组件里使用props接收父组件数据<!-- 父组件 --><template> <div class="fu"> <zi :msg="msg" :other="other"></zi> </div></template><script>export default { data() {原创 2021-06-11 16:18:41 · 110 阅读 · 0 评论 -
Vue跨域问题的解决
出现跨域的原因请求接口时,控制台提示:Access-Control-Allow-Origin,说明请求跨域了为了安全考虑,一个源的脚本(网页,网站)不能与另一个源的资源进行交互,所以就引发一个词叫做“同源策略”。同源策略:同源策略是一种约定,它是浏览器最核心的也最基本的安全功能,如果没有同源策略我们的浏览器将会十分的不安全,随时都可能受到攻击。同源:所谓同源(即指在同一个域),就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)当协议,主机,和端口号有一个不同时,原创 2021-06-02 17:38:56 · 322 阅读 · 0 评论