vue2 - 随笔分类 - xzjeff

前后端跨域

摘要：跨域: 浏览器无法接受执行接受非同源地址的数据，这是由于浏览器的同源策略导致的，为了保护浏览器的安全。注( 同源: 相同的协议、域名、端口。例如前端Vue-cli脚手架创建的前端项目地址为http://localhost:8080/index.html，后端服务器地址为http://local 阅读全文

posted @ 2022-04-09 14:58 xzjeff 阅读(76) 评论(0) 推荐(0) 编辑

Vue2.x之自定义Vue组件

摘要：Vue2允许我们自定义设计Vue组件，基础用法如下: 1、利用模板标签创建一个自定义Vue组件 2、定义组件类 3、注册(分为全局注册和局部注册) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq 阅读全文

posted @ 2022-03-02 14:03 xzjeff 阅读(445) 评论(0) 推荐(0) 编辑

Vue2.x之循环模板指令

摘要：V-for指令用于遍历数组，对象很方便。在两者遍历时，我们都使用了:key指令，这是在标识区别每一项，避免Vue渲染错误。 <div id="app">  <li v-for="item,index in colors" :key="index">{{item}} 阅读全文

posted @ 2022-03-02 09:29 xzjeff 阅读(522) 评论(0) 推荐(0) 编辑

Vue2.x之条件指令与显隐指令

摘要：v-if,v-else-if,v-else是一对. 该下面例子中，在v-if执行后，不会再去考虑v-else-if和else了，与传统if判断语法一致。 v-show指令值为false只是隐藏该元素,设置display为false。这是与v-if指令的区别,v-if等指令值为false则对应的标签不阅读全文

posted @ 2022-03-02 08:44 xzjeff 阅读(56) 评论(0) 推荐(0) 编辑

Vue2.x之计算属性

摘要：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 故模板中的复杂逻辑，我们应该使用计算属性来替代，阅读全文

posted @ 2022-03-01 10:11 xzjeff 阅读(168) 评论(0) 推荐(0) 编辑

VUE2.x之过滤器的基本用法

摘要：Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“ | ”符号指示: 过滤器存在全局定义和局部定义两种方式： 1、局部定义是在Vue实例的filter属性中定义函数阅读全文

posted @ 2022-03-01 09:50 xzjeff 阅读(101) 评论(0) 推荐(0) 编辑

Vue2.x框架中特性引起的数据丢失问题

摘要：JS框架vue2中可以将数据与视图进行绑定，修改data对象的属性值将引起对应视图的改变。Vue2的数据视图绑定是通过JS特性这一语法实现，其使用中存在数据丢失的这一bug。我会详细介绍一下几种数据丢失情况。 <div id="#app">{{num[0]}}</div> let data = { 阅读全文

posted @ 2022-02-28 15:06 xzjeff 阅读(446) 评论(0) 推荐(0) 编辑

xzjeff

随笔分类 - vue2

随笔分类 (16)