Vue学习笔记分享之Vue组件化编程
kenrry1992 · 141浏览 · 发布于2023-03-28
这篇文章主要介绍了Vue学习笔记分享之Vue组件化编程,文中把知识点都一一罗列出来了,方便整理学习,需要的朋友可以参考下
2.1 模块与组件、模块化与组件化
2.1.1.模块
理解:向外提供特定功能的js程序,一般就是一个js文件
为什么:js文件很多很复杂
作用:复用js,简化js的编写,提高js运行效率
2.1.2.组件
理解:用来实现局部(特定)功能效果的代码集合(html/css/image…)
为什么:一个界面的功能很复杂
作用:复用编码,简化项目编码,提高运行效率
2.1.3.模块化
当应用中的js都以模块来编写的,那这个应用就是一个模块化的应用。
2.1.4.组件化
当应用中的功能都是多组件的方式来编写的,那这个应用就是一个组件化的应用。
2.2.非单文件组件
模板编写没有提示
没有构建过程,无法将ES6转换成ES5
不支持组件的CSS
真正开发中几乎不用
2.3单文件组件
2.3.1.一个.vue文件的组成(3个部分)
1、模板页面
<template> 页面模板 </template>
2、JS模块对象
<script> export default { data() { return {} }, methods: {}, computed: {}, components: {} } </script>
3、样式
<style> 样式定义 </style>
2.3.2.基本使用
引入组件
映射成标签
使用组件标签
到此这篇关于Vue学习笔记分享之Vue组件化编程的文章就介绍到这了
相关推荐
RN开发环境的npm私库本地debug调试
manongba · 698浏览 · 2019-05-09 17:03:46
你不知道的浏览器渲染原理
追忆似水年华 · 1372浏览 · 2019-05-09 22:47:56
基于iview的router常用控制方式
追忆似水年华 · 997浏览 · 2019-06-03 10:39:21
编程小知识之 JavaScript 文件读取
manongba · 717浏览 · 2019-06-10 09:16:16
浏览器关闭后,Session会话结束了么?
追忆似水年华 · 905浏览 · 2019-06-13 09:39:50
分类专栏
最新发布
最热排行
0评论