随笔分类 - WebUI
摘要：用v-for把一个数组对应为一组元素 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要使用 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 结果： Foo Bar 在 v-for 块中，我们拥有对父作用域属性
阅读全文
摘要：vue-router官方文档 vuex官方文档 安装 使用实例 vue-router初使用（webpack-simple模板） 1、切换到指定目录，执行命令（使用 vue 命令的需要安装 vue-cli ，点击查看如何安装）： 2、安装 vue-router ： 3、运行： 4、在 src 下创建名
阅读全文
摘要：组件基础 基本示例 这里有一个 Vue 组件的示例： 组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。 因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data 、
阅读全文
摘要：基础用法 你可以用 v-model 指令在表单 <input> 、 <textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊
阅读全文
摘要：监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 示例： 事件处理方法 然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。 示例： 内联处理器中
阅读全文
摘要：v-if 在字符串模板中，比如 Django Template语法中，我们得像这样写一个条件块： 在 Vue 中，我们使用 v-if 指令实现同样的功能： 也可以用 v-else 添加一个“else 块”： 在template元素上使用 因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是
阅读全文
摘要：操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除
阅读全文
摘要：跨域的原因 浏览器的同源策略 同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。 指的是从一个域上加载的脚本不允许访问另外一个域的文档属性。 举个例子：比如一个恶意网站的页面通过iframe嵌入了银行的登录页面（二者不同源）， 如果没有同源限制，恶意网页上的javascript脚本就可以在用户
阅读全文
摘要：图片预览 Ajax文件上传
阅读全文
摘要：计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时，就会更加难以处
阅读全文
摘要：Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智
阅读全文
摘要：vue官方文档 知识储备 es6语法补充 let 使用 var 声明的变量的作用域是全局。 { var a = 1; } console.info(a); // 1 例1： var arr = []; for (var i = 0; i < 10; i++) { arr[i] = function(
阅读全文
浙公网安备 33010602011771号