组件和插件
组件(Component) 是用来构成你的 App 的业务模块，它的目标是 App.vue。
插件(Plugin) 是用来增强你的技术栈的功能模块，它的目标是 Vue 本身。插件的功能插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制，一般有下面几种：添加全局方法或者 property。如：vue-custom-element添加全局资源：指令/过滤器/过渡等。如 vu
转载
2024-09-23 00:38:27
79阅读
一般页面元素是有属性的，如a标签有href等属性，同样Vue中组件也是有属性的。在Vue组件中想要使用属性，首先需要在组件内部定义一些属性，这些属性在Vue中被为prop，在组件中通过props选项中定义。Props的类型在Vue组件中，props选项的类型可以是一个字符串数组，也可以是一个对象。如下：Vue.component('PostItem', {
props: ['postTit
转载
2024-07-15 13:04:43
65阅读
Prop是由父组件传递数据到子组件 1.通过props数组传递数据 <div id="vm"> <blog-t title="标题" subtitle='副标题'></blog-t> </div> <script> const app =
Vue.createApp({}); app.compone
原创
2022-12-08 15:21:49
238阅读
一.Vue3的介绍相信大家都已经学习过Vue2了，对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢，主要是他有以下的特点。 （1）新增组合式api （2）更加接近原生 （3）更加解耦（react启发）二.Vue3的安装全局安装脚手架（如果安装过脚手架请忽略这步）npm i @vue/cli -g
创建一个vue3 的项目vue create 项目名称
转载
2024-04-06 16:41:00
128阅读
1、setupsetup是vue3定义的代码实现舞台。需要在模板中使用的变量和方法，需要return。setup执行顺序在beforeCreat，并且在setup中this为undefinedsetUp(props, contex)接受两个参数props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性（其实就是vue2.0的props功能）context：上下文对象（其中可以获取到1
转载
2024-07-15 22:09:10
331阅读
3.0的目标更小 更快加强 TypeScript 支持加强 API 设计一致性提高自身可维护性开放更多底层功能 什么是Hooks？ hooks翻译过来是钩子的意思，这个可能有一些模糊，简单点说hooks就是一个函数（可以复用的函数）例如：业务中很难避免的一个问题就是-- 逻辑复用，同样的功能，同样的组件，在不一样的场合下，我们有时候不得不去写2+次，为了避免耦合我们出现了一些
转载
2024-10-22 08:34:46
103阅读
文章目录一、概述二、传递静态Prop三、传递动态Prop四、Prop验证五、Prop验证的类型六、非 Prop 的 Attribute七、禁用 Attribute继承 一、概述prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。 父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 “prop”。 二、传递静态Prop给 prop 传入一个静态
Vue3相比于Vue2解决了：Vue2中新增属性，删除属性，界面不会更新的问题。解决了：Vue2中直接通过下标修改数组，界面不会刷新的问题。vue-cli版本必须是4.5以上，查看版本命令：vue -V创建工程命令：vue create 项目名项目中添加vue.config.js与README同级关闭语法检查module.exports = {
transpileDependencies: t
转载
2024-07-21 22:58:06
109阅读
setup监听数据import { watch , watchEffect ,computed ，ref,reactive} from 'vue' //ref设置响应式的基本数据类型 reactive 设置响应式的引用数据类型
// watchEffect 立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。
let WatchStopHandle= watchEffec
转载
2024-10-23 22:31:35
92阅读
我们在编写vuex代码过程中，觉得在a.
vue的模板里面写入例如 <p>{{$store.state.num}}</p>很麻烦，我们希望直接就写成{{num}},我们应该怎么写，
vue给出三种固定写法，大家理解之后基本照抄，稍做改动即可第一种方法 通过computed的计算属性直接赋值 1.store.js(vuex的代码如下): import
Vue
文章目录一、Vue3基础语法1、Vue开发准备2、Vue的模板语法3、条件渲染4、列表渲染5、事件处理6、表单输入绑定二、Components组件1、组件基础2、组件交互3、自定义事件的组件交互4、组件生命周期5、引入第三方组件三、网络请求及路由配置1、Axios网络请求2、Axios网络请求封装3、Vue引入路由配置4、Vue路由传递参数5、Vue路由嵌套四、Vue3状态管理及新特性1、Vue
转载
2024-03-31 13:34:39
584阅读
一，简介：2020年9月18日， vue3发布3.0版本， 代号大海贼时代来临，One Piece1，特点：无需构建步骤，渐进式增强静态的 HTML 在任何页面中作为 Web Components 嵌入 单页应用 (SPA) 全栈 / 服务端渲染 (SSR) Jamstack / 静态站点生成 (SSG) 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面2，Vue3带来了什么打包大小减少4
转载
2024-04-03 21:53:35
164阅读
在Vue中，父子组件的关系可以总结为propsDown，eventsUp。父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。prop的作用就是父组件向子组件单向传递数据，该过程是单向的，传递的属性可以是静态的，也可以是动态的，可以是数字、字符串、数组、对象以及校验函数进行校验。所有的prop都使得其父子组件之间形成了一个单向下行绑定：父组件的prop的更
转载
2024-02-21 11:54:35
136阅读
vue 中父子组件通信最常用的方式是 props 和 $emit，所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 pro
转载
2024-09-03 23:27:30
64阅读
函数式组件1.特点没有this（没有实例）没有响应式数据它只是一个接受一些 prop 的函数。Vue.component('my-component', {
functional: true,
// Props 是可选的
props: {
// ...
},
// 为了弥补缺少的实例
// 提供第二个参数作为上下文
render: function (creat
blue大神石川老师的web大前端2一、vue基础前情回顾：泛型和反射泛型 :class Array() {} ,可以创建int对象 Array()，也可以创建float对象 Array()反射：eval()。原生的js作为一门动态的解释语言，是不存在“反射”的说法的，这是typescript从面向对象语言java中引入的一个概念。in
组件1、组件参数的data值必须是函数 2、组件模板必须是单个跟元素 3、组件模板的内容可以是模板字符串’注意事项’如果使用驼峰式命名组件,那么在使用组件的时候,只能在模板字符串中使用驼峰命名法在普通的标签模板中,必须使用短横线的方式使用组件全局组件局部组件Prop传递数据练习全局组件关键词:component 语法:Vue.component('组件名称',{
data:func
先附一张官网上的vue实例的生命周期图，每个Vue实例在被创建的时候都需要经过一系列的初始化过程，例如需要设置数据监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数(回调函数)，这给了用户在不同阶段添加自己代码的机会。1、vue的生命周期图在vue实例的整个生命周期的各个阶段，会提供不同的钩子函数以供我们进行不同的操作。先列出vue官网
转载
2024-09-11 09:53:10
123阅读
写在开始，关于传参内容写在第三部分，不推荐跳过前半段。 一、初始的栗子<style>
button{
border: none;
outline: none;
background: lightblue;
color: #333;
padding: 20px 40px;
border
前言：vue官方入口
目录一、vue2.0中props的用法1、父组件中 a.vue中2、子组件中 b.vue中3、孙子组件中 c.vue中二、vue3.0中props的用法1、父组件中 a.vue中2、子组件中 b.vue中3、孙子组件中 c.vue中三、vue.2.0的props和vue3.0的props的对比个人理解： &n
