vue组件应用:以插件的形式使用组件
![](/images/tt/vue.jpg) 学下[vue](/VueJs/)组件应用:以插件的形式使用组件。有时候在开发过程中,由于项目需求,部分相同的代码我们会封装成组件,在需要使用的地方导入,并以标签的形式书写在中。 **以插件的形式使用组件:** ``` // 将要显示的组件导入 import mymodel from '../components/m...
![](/images/tt/vue.jpg) 学下[vue](/VueJs/)组件应用:以插件的形式使用组件。有时候在开发过程中,由于项目需求,部分相同的代码我们会封装成组件,在需要使用的地方导入,并以标签的形式书写在中。 **以插件的形式使用组件:** ``` // 将要显示的组件导入 import mymodel from '../components/m...
![](/images/tt/vue.jpg) 在[vue](/VueJs/)开发中,[vue](/VueJs/)组件通讯经常会用到,今天我们来分享一些组件之间通信的一些常用方法,方便大家在项目中去应用,开始吧!!! ### props 父组件---\>子组件通信 父组件---属性的方式传值给子组件 子组件---props方式接收数据 ``` <Son :...
![](/images/tt/vue.jpg) [VUE](/VueJs/)开发小应用:查看各地区天气预报。废话不多说,直接上代码: ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name=...
![](/images/tt/vue.jpg) 今天来温故下旧知识,了解下[vue](/VueJs/)中的渲染方式render和template,它们之间的区别是什么?请一起往下看吧。 [Vue](/VueJs/)中的Render函数中有一个参数,这个参数是一个函数通常我们叫做h。其实这个h叫做createElement。Render函数将createElement的返回值...
![](/images/tt/vue.jpg) [Vue](/VueJs/)每日一学:分享[Vue](/VueJs/)过滤器的小知识。在[Web前端](/)开发中经常用到过滤器,所以大家需要熟悉掌握。 过滤器分为两种:全局过滤器和局部过滤器。我们用实例来说明下。 ### 全局过滤器 {#heading-3} 1. 本案例是过滤价格中的¥和元 2. 示例 ¥1999...
Vue.js 开发的一个不可避免的部分是我们需要一个 API 服务器来确保我们的前端代码正常工作。但是如果 API 服务器还没有准备好呢?我们的前端代码应该在哪里 ![MSW.001.opt.jpg](http://static.51tbox.com/static/2024-11-23/col/edca00cd8811055f72cf9e65c9c69452/6a9c39bc...
![](/images/tt/vue.jpg) [vue](/VueJs/)每日一学:[vue](/VueJs/)中如何引入JS文件。在[VUE](/VueJs/)中跟日常的引用原理差不多,只是形式不同而已,一起来学下吧。 ### 1、vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意...
![](/images/tt/vue.jpg) 在国内[前端开发](/)项目的时候,现在很多项目都是基于[vue](/VueJs/)或者[react](/React/),所以对于新手来说,基础非常重要,今天我们就来分享一个新手经常会犯的错误【以[vue](/VueJs/)为例】,导致会提示:Error: Cannot find module 'E:\\@vue\\cl...
![](/images/tt/vue.jpg) [vue](/VueJs/)开发:教您在[Vue](/VueJs/)中使用echarts可视化组件。 首先我们要安装echarts插件。 ### 安装 找到脚手架项目所在地址,执行cnpm install echarts,安装echarts组件(脚手架的地址就是你vue项目的地址) ### 导入 ``` //引入e...
![](/images/tt/vue.jpg) VUE开发:实现表格属性计算【成绩单】。一起来学下吧,实例走起来\~\~\~ ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>VUE开发:实现表格属性...