![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
文章平均质量分 61
hjdhdhdhd
这个作者很懒,什么都没留下…
展开
-
【Vue2和Vue3父子组件传值】
vue3中,新增了setup语法糖,父组件中引入子组件后,不需要注册可直接使用。父传子时,子组件中通过defineProps方法接收,子传父时,子组件中通过defineEmits方法发送。自定义事件:在父组件中,给子组件绑定一个自定义事件,绑定事件的值为接收参数的函数,在子组件中,通过$emit发送数据。props:在父组件中,给子组件绑定一个自定义属性,在子组件中,通过props进行接收。原创 2022-12-22 20:26:41 · 2030 阅读 · 1 评论 -
【Vue混入】
定义mixin也非常简单,它就是一个对象而已,只不过这个对象里面可以包含Vue组件中的一些常见配置,如data、methods、created等等。在我们的项目src目录下新建mixin文件夹,然后新建index.js文件,该文件存放我们的mixin代码。data() {return {msg : "我是小猪课堂" , };console . log("我是mixin中的created生命周期函数");console . log("我是mixin中的mounted生命周期函数");原创 2022-12-21 19:56:49 · 118 阅读 · 0 评论 -
【安装 TypeScript】
安装 TypeScript命令行运行如下命令,全局安装 TypeScript,win+R输入cmd:npm install -g typescript安装完成后,在控制台运行如下命令,检查安装是否成功:tsc -V原创 2022-12-20 18:35:03 · 415 阅读 · 0 评论 -
【Vue 组件以及插槽】
- 组件的名字当作标签不使用内置或保留的 HTML 元素作为组件的id -- > < my - login > < / my - login > < / div > < template id = "temp" > < div > < h2 > 登录 < / h2 > < / div > < / template >/* 私有定义 */ components : {原创 2022-11-19 23:06:57 · 61 阅读 · 0 评论 -
【Vue生命周期和Vue-resource】
从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!原创 2022-11-18 21:03:44 · 52 阅读 · 0 评论 -
【Vue过滤器和修饰符】
可被用作一些常见的文本格式化过滤器应该被添加在JavaScript表达式的尾部,由**“管道”符**指示双花括号插值和v-bind 表达式作用:在我们页面显示值之前加一层过滤,展示我们过滤后的值1、{{变量 | 过滤器名}}2、{{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器,后面过滤器的data就是前面表达式传过来的值通过Vue提供的filter方法定义:Vue.filter()1、第一个参数:过滤器的名字。原创 2022-11-17 22:10:48 · 91 阅读 · 0 评论 -
【Vue基础使用】
Vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计。1、与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合2、 Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!原创 2022-11-17 00:16:28 · 193 阅读 · 0 评论