![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
0o憨胖o0
古人道:“安莫安于知足,危莫危于多言。”三思而后言,三思而后行,慎言寡过,居安思危,其乐无穷,其志高远。
展开
-
05.条件渲染
四 条件渲染在日常开发中,我们关于应用界面的处理无外乎两个方面:数据和样式。页面中我们经常可能需要控制数据的显示和隐藏,可以使用下面的指令:v-if、v-if和v-else、v-show(1)v-if每次都会重新删除或创建元素,并且可以更v-else配合使用,有较高的切换性能消耗。如果元素可能永远也不会被显示出来被用户看到,则推荐使用 v-if(2)v-show每次不会重新进行DOM的删除和创建操作,只是切换了元素的 display:none 样式 ,有较高的初始渲染消耗。如果元素涉及到频繁原创 2020-09-04 13:59:55 · 103 阅读 · 0 评论 -
04.样式绑定
三 样式绑定在日常开发中,我们关于应用界面的处理无外乎两个方面:数据和样式。HTML页面关于样式的设置,我们总所周知就是使用class和style属性来实现动态样式的效果。(1)class绑定:class="xxx"(xxx是vm中定义的变量名称(可变数据),如果使用’xxx’表示的是固定值字符串)xxx的取值范围如下:表达式是字符串:‘classA’表达式是对象:{classA:isA,classB:isB}表达式是数组(不常用):['classA',变量名称](2)style绑定原创 2020-09-04 13:40:17 · 134 阅读 · 0 评论 -
03.计算和监听属性
二 计算和监听属性2.1 computed计算属性,在 computed 属性对象中定义计算属性的方法,在页面中使用{方法名}来显示计算的结果。包含多个方法的对象,对状态属性进行计算返回一个新的数据, 供页面获取显示。一般情况下是相当于是一个只读的属性,可以利用set/get方法来实现属性数据的计算读取, 同时监视属性数据的变化如何给对象定义get/set属性在创建对象时指定: get name () {return xxx} / set name (value) {}对象创建之后指定:原创 2020-09-03 21:24:44 · 162 阅读 · 0 评论 -
02.模版语法
二 模版语法主要参考的VUE基础教程(模版语法):https://cn.vuejs.org/v2/guide/syntax.html模版的理解:动态的HTML的页面,包含了一些JS语法代码大括号表达式指令(以v-开头的自定义标签属性)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>02_模板语法</title>原创 2020-09-02 21:37:58 · 96 阅读 · 0 评论 -
01.缘起Hello World
缘起Hello WorldVUE是渐进式 JavScript 框架,尤雨溪,主要作用是动态构建用户界面,中文官网:https://cn.vuejs.org/Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue.js 是一套构建用户界面的框架,只关注视图层原创 2020-09-02 11:09:10 · 118 阅读 · 0 评论