Web前端高级技术(Vue.js)笔记
文章平均质量分 75
Web前端高级技术(Vue.js)课堂笔记
振先森
软件工程专业在读
展开
-
第三章 条件判断与列表渲染
第三章 条件判断与列表渲染一、条件判断1、v-if指令v-if是一个指令,必须将它添加到一个元素上,根据表达式的结果判断是否输出该元素。实例:输出数据对象中属性a和b的值,并根据比较两个属性的值,判断是否输出比较结果<div id="box"> <p>a的值是{{a}}</p> <p>b的值是{{b}}</p><p v-if=“a<b”>a小于b</p></div><s原创 2021-09-13 21:25:53 · 2066 阅读 · 0 评论 -
第二章 基础特性
第二章 基础特性一、Vue实例及选项//语法格式var vm = new Vue ({//选项})1、挂载元素(3种方式)<div id = "box" class = "box"></div>//方式1var vm = newVue({ el: '#box'})//方式2var vm = newVue({ el: '.box'})//方式3var vm = newVue({ el: 'div'})2、数据da原创 2021-09-13 21:24:40 · 442 阅读 · 0 评论 -
第一章 Vue.js概述
第一章 Vue.js概述一、Web前端高级技术 三大框架1、Angular 双向数据绑定Angular是一款优秀的前端JS框架,已经被用于Google的多款产品当中Angular特性:良好的应用程序结构双向数据绑定指令HTML模板可嵌入、注入和测试兼容性好Angular优势:丰富的angular指令完善的前端框架自定义指令ng模块化引入了Java谷歌开发Angular缺点:深入后概念很多文档例子非常少兼容不好实践教程少2、ReactReact特原创 2021-09-13 21:22:52 · 257 阅读 · 0 评论