2020年7月29日

条件渲染

摘要： 1.v-if v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候被渲染。 <!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charse 阅读全文

posted @ 2020-07-29 21:52 lina2014 阅读(52) 评论(0) 推荐(0) 编辑

class与style绑定

摘要： 1.绑定class <!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>学习example</title> <script sr 阅读全文

posted @ 2020-07-29 21:07 lina2014 阅读(61) 评论(0) 推荐(0) 编辑

计算属性和监听器

摘要： 1.计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不再是简单的声明式 阅读全文

posted @ 2020-07-29 13:51 lina2014 阅读(102) 评论(0) 推荐(0) 编辑

模版语法

摘要： Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地 阅读全文

posted @ 2020-07-29 09:03 lina2014 阅读(61) 评论(0) 推荐(0) 编辑

导航