![](https://img-blog.csdnimg.cn/2021070222334859.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js高效前端开发
文章平均质量分 89
一套用于构建用户界面的渐进式JavaScript框架。 [5] 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
明金同学
There is no place like 127.0.0.1
展开
-
Vue.js高效前端开发 • 【Ant Design of Vue框架进阶】
全部章节 >>>>文章目录一、栅格组件1、栅格组件介绍2、栅格组件使用3、实践练习二、输入组件1、输入框组件使用2、选择器组件使用3、单选框组件使用4、实践练习三、表单组件1、表单组件使用2、实践练习四、树形组件1、树形组件使用2、实践练习总结:一、栅格组件1、栅格组件介绍在多数业务情况下,Ant Design需要在设计区域内解决大量信息收纳的问题,因此在12栅格系统的基础上,Ant Design of Vue将整个设计建议区域按照24等分的原则进行划分。划分之后的信原创 2021-07-16 15:25:10 · 21284 阅读 · 11 评论 -
Vue.js高效前端开发 • 【Ant Design of Vue框架基础】
全部章节 >>>>文章目录一、Ant Design of Vue框架1、Ant Design介绍2、Ant Design of Vue安装一、Ant Design of Vue框架1、Ant Design介绍随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,蚂蚁金服体验技术部经过大量的项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系Ant Design。基于“确定”和“自然”的设计价值观,通过模块化的解决方案,降低原创 2021-07-15 19:01:20 · 51706 阅读 · 46 评论 -
Vue.js高效前端开发 • 【Vue组件】
全部章节 >>>>文章目录一、Vue组件介绍1、组件概述2、组件使用步骤3、实践练习一、Vue组件使用1、组件注册2、组件注册语法糖3、使用script或template标签4、组件的el和data选项5、实践练习三、组件之间的通信1、父组件和子组件2、通过props向子组件传递数据3、实践练习四、Vue的插槽1、插槽使用2、作用域插槽使用3、实践练习总结:一、Vue组件介绍1、组件概述组件系统是Vue其中一个重要的概念,它提供了一种抽象,让可以使用独立可复用的小组件来原创 2021-07-05 12:18:47 · 20643 阅读 · 22 评论 -
Vue.js高效前端开发 • 【Vue列表渲染】
全部章节 >>>>文章目录一、v-for指令1、v-for指令使用2、实践练习(待更新)二、计算属性1、计算属性创建和使用2、实践练习(待更新)三、侦听属性1、侦听属性创建和使用2、实践练习(待更新)四、综合案例1、商品信息管理2、 实践练习(待更新)总结一、v-for指令1、v-for指令使用v-for指令基于一个数组来重复渲染元素。v-for指令通常用于显示列表和表格数据。v-for指令需要使用“item in items”形式的特殊语法,其中items是源原创 2021-07-01 14:04:55 · 22077 阅读 · 125 评论 -
Vue的安装及使用(Vue的三种安装使用方式)
vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计。它是轻量级的,它有很多独立的功能或库,我们会根据我们的项目来选用vue的一些功能。它提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。VUE安装的三种方式:安装环境操作系统:Windows 10 64位方法一:独立版本我们可以在Vue.js 的官网上直接下载vue.js,并在.html中通过<‘scr.原创 2021-06-25 23:55:53 · 40167 阅读 · 30 评论 -
Vue.js高效前端开发 • 【Vue基本指令】
全部章节 >>>>文章目录一、Vue模板语法1、插值2、表达式3、指令概述4、实践练习二、Vue绑定类样式和内联样式1、Vue绑定类样式2、Vue绑定内联样式3、实践练习三、条件渲染指令1、v-if和v-else2、v-show3、实践练习四、事件绑定1、v-on指令2、事件修饰符3、Vue事件绑定的优点4、实践练习总结:一、Vue模板语法1、插值文本插值是最基本的形式,使用双大括号(Mustache语法) {{}},代码如下所示:<span>Text:{原创 2021-06-29 21:37:40 · 22029 阅读 · 21 评论 -
Vue.js高效前端开发 • 【初识Vue.js】
1.1 Vue概述1.1.1 Web前端框架介绍近几年,互联网前端行业发展得依旧迅猛,涌现出了很多优秀的JavaScript框架,同时这些JavaScript框架也正在逐渐改变统的前端开发方式。在这些新出现的JavaScript框架中,最具代表性的框架有Angular.js、React.js和Vue.js。1.1.2 MVC和MVVMMVC是著名的设计模式,基本思想是将软件结构分解为Model(模型)、View(视图)和Controller(控制器)三部分组成。Model:主要负责数据处理和原创 2021-06-27 17:24:22 · 94638 阅读 · 63 评论 -
Vue.js高效前端开发知识 • 【目录】
章节内容实践练习Vue.js高效前端开发 • (实践练习)第1章Vue.js高效前端开发 • 【 一、初识Vue.js 】第2章Vue.js高效前端开发 • 【 二、Vue基本指令 】第3章Vue.js高效前端开发 • 【 三、Vue列表渲染 】第4章Vue.js高效前端开发 • 【 四、Vue组件 】第5章Vue.js高效前端开发 • 【 五、Ant Design of Vue框架基础 】第6章Vue.js高效前端开发 • 【 六、An...原创 2021-06-27 17:20:30 · 22652 阅读 · 26 评论