vue
文章平均质量分 51
姜小衰
这个作者很懒,什么都没留下…
展开
-
[vue入门教程]渲染页面的几种方式
渲染页面的几种方式直接方式<html lang="en"><head> <meta charset="UTF-8"> <title>Title&a原创 2018-12-14 13:49:35 · 4283 阅读 · 0 评论 -
[vue] v-bind使用技巧
v-bind使用技巧属性值不为真时,不会将属性绑定到元素上<template> <div id="app"> <div class="box" :data-a="null" :data-b="undefined" :data-c="false"> </div> </div></template>...原创 2019-07-11 09:03:22 · 585 阅读 · 0 评论 -
[vue] 条件渲染
条件渲染原文链接:条件渲染v-if在字符串模板中,比如Handlebars,我们得像这样写一个条件块:<!-- Handlebars 模板 -->{{#if ok}} <h1>Yes</h1>{{/if}}在 Vue中,我们使用v-if指令实现同样的功能:<h1 v-if="ok">Yes</h1>也可以用v-e...转载 2019-01-28 10:43:32 · 160 阅读 · 0 评论 -
[vue] 计算属性和侦听器
计算属性和侦听器原文链接:计算属性和侦听器也算是项目总结的体会吧计算属性模版内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:&amp;lt;div id=&quot;example&quot;&amp;gt; {{ message.split('').reverse().join('') }}&amp;lt;/div&amp;gt;在转载 2019-01-28 10:09:47 · 112 阅读 · 0 评论 -
[vue] v-show v-if v-else-if v-else 指令
v-show转自:https://cn.vuejs.org/v2/api/#v-show预期:any用法:根据表达式之真假值,切换元素的display CSS属性。当条件变化时该指令触发过渡效果。v-if预期:any用法:根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定/组件被销毁并重建。如果元素是&lt;template&gt;,将提出它的内容作为条件块。当条...转载 2018-12-14 15:28:51 · 973 阅读 · 0 评论 -
[vue] v-html指令
v-html指令转自:https://cn.vuejs.org/v2/api/#v-html预期:string详细更新元素的innerHTML。注意:内容按普通HTML插入 - 不会作为Vue模板进行编译。如果试图使用v-html组合模板,可以重新考虑是否通过使用组件来替代。在网站上动态渲染任意HTML是非常刨除的,困为容易导致XSS攻击。只在可信内容上使用v-html,永不用在用...转载 2018-12-14 14:24:24 · 586 阅读 · 0 评论 -
[vue] v-text指令
v-text指令预期:string详细:更新元素的textContent。如果要更新部分的textContent,需要使用{{ Mustache }}插值。示例<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span> 参考 数据绑定语法 ...转载 2018-12-14 13:49:10 · 1187 阅读 · 0 评论 -
[vue] v-once指令
v-once指令转自:https://cn.vuejs.org/v2/api/#v-once不需要表达式详细只渲染2元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为表态内容并跳过。这可以用于优化更新性能。&lt;!-- 单个元素 --&gt;&lt;span v-once&gt;This will never change: {{msg}}&lt;/span&gt...转载 2018-12-14 13:40:15 · 1568 阅读 · 5 评论 -
[vue] 侦听器(watch)
侦听器转自:官网例子 https://cn.vuejs.org/v2/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8API https://cn.vuejs.org/v2/api/#watch原因:项目开发时,遇到需要侦听数据类型为对象的内部属性的需求官网例子虽然计算属性在大多数情况下更合适,但有时也需要一个自定义的侦听器。这就是为什...转载 2018-12-14 12:07:27 · 189 阅读 · 0 评论 -
[vue] data属性文档
data属性文档转自:https://cn.vuejs.org/v2/api/#data项目上,遇到的坑,加深印象data类型: Object | Function限制: 组件的定义只接受function。详细:Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter,从而让data的属性能够响应数据变化。对象必须是纯粹的对象(含有零个或多个的key/...转载 2018-12-14 11:40:29 · 829 阅读 · 0 评论 -
[vue] vue实例中的$attr
vue实例中的$attr官方文档给出的解释是包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。下面我们来作个简单的 demo 来测试我们...原创 2019-07-11 09:32:26 · 9414 阅读 · 0 评论