Vue 组件基础
Vue3组件基础
tips：在Vue3中，可以使用component组件方法来自定义组件component方法的第一个参数为组件名称，定义之后可以以html方式输出component方法的第一个参数为json,template属性为组件输出内容component方法可以放入createApp()的所有属性组件默认无法使用createApp()里面的数据，并且每个组件数据不共通，是独立的example:<!DO
日期 2023-06-12 10:48:40Vue组件基础知识点
Vue组件知识点总结一.vue中的组件化开发二.组件的三个组成部分三.组件的使用步骤步骤1步骤2四.注册全局组件五. 组件的props六.props的default默认值，七.prop的type值类型八.props的require必填项九.组件组件的样式冲突问题1.scoped的使用和底层实现原理2.使用/deep/修改修改子组件中的样式 组件化开发指的是根据封装的思想，把页面上可重用的UI结构
日期 2023-06-12 10:48:40
Vue组件基础（上）
单页面应用程序概念单页面应用程序（英文名：Single Page Application）简称SPA，顾名思义，指的是一个web网站中只有唯一的一个HTML页面，所有的功能和交互都是在这唯一的一个页面内完成。特点单页面应用程序将所有的功能局限于一个web页面中，仅在该web页面初始化时加载相应的资源（HTML、JavaScript和CSS）。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的
日期 2023-06-12 10:48:40Vue组件基础（下）
props验证什么是props验证指的是：在封装组件时对外界传递过来的props数据进行合法性的校验，从而防止1数据不合法的问题。使用数组类型的props节点的缺点：无法为每个prop指定具体的数据类型。对象类型的props节点使用对象类型的props节点，可以对每个porp进行数据类型的校验，示意图如下：props验证对象类型的props节点提供了多种数据验证方案，例如：基础的类型检查多个可能的
日期 2023-06-12 10:48:40
Vue 组件基础
组件基础什么是组件需求: 如果页面中有多个一样结构的控件,比如<div id="app"> <!-- 页面中有多个一样结构的标签: span+button --> <span>{{count1}}</span> <button @click="changeCount1">按钮
日期 2023-06-12 10:48:40
vue - 组件基础
1. 全局组件 2. 局部组件 3. 常规属性传值（props属性传值） 4. v-bind传值 4.1 属性取值 4.2 在构造器向组件传值（v-bind） 5. 父子组件调用 5.1 父组件 5.2 子组件 6. 组件注册 官方文档：https://cn.vuejs.org/v2/guide/component
日期 2023-06-12 10:48:40vue之基础---组件基础
（1）基本示例 Vue组件示例 /* 先注册组件，定义一个名为button-component的新组件 */ Vue.component('button-component',{ data:function(){ return { coun
日期 2023-06-12 10:48:40
vue3组件基础，组件引用与使用、向子组件传递数据与事件prop、emit
vue3组件基础，组件引用与使用、向子组件传递数据与事件prop、emit 一、组件模板 组成：template(必要)，script，style
日期 2023-06-12 10:48:40Vue组件基础知识总结
组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。 那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。 一、组件的创建和注册基本步骤 Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使用组件。 <!DO
日期 2023-06-12 10:48:40