vue开发Tips:用具体实例去理解v-on指令的基本应用
![](/images/tt/vue.jpg) 分享一个[vue](/VueJs/)开发Tips:理解v-on指令。 ### 监听事件 可以用` v-on `指令监听 `DOM `事件,并在触发时运行一些 [`JavaScript`](/JavaScript/)代码。事件代码可以直接放到v-on后面,也可以写成一个函数。 示例代码如下: ``` <div id=...
![](/images/tt/vue.jpg) 分享一个[vue](/VueJs/)开发Tips:理解v-on指令。 ### 监听事件 可以用` v-on `指令监听 `DOM `事件,并在触发时运行一些 [`JavaScript`](/JavaScript/)代码。事件代码可以直接放到v-on后面,也可以写成一个函数。 示例代码如下: ``` <div id=...
![500.jpg](http://static.51tbox.com/static/2024-11-23/col/af856f7663534080d6d107af1a9eacb9/a7360f6a05104829a5e00e4e5107d9f7.jpg.jpg "500.jpg") Vuex 是在 [Vue.js](/VueJs/) 应用程序中管理大型复...
![](/images/tt/vue.jpg) [VUE](/VueJs/)开发小应用:模拟机器上的手写签名功能,我们使用vue-esign插件去实现,一起看下如何实现的吧。 ``` npm install vue-esign --save ``` 引入: ``` import vueEsign from 'vue-esign' Vue.use(vue...
![](/images/tt/vue.jpg) [vue](/VueJs/)数据存储:监听localStorage或sessionStorage的变化。我们拿实例说明。 在一个[VUE](/VueJs/)页面中,引入两个组件,A组件实现基础信息展示,B组件展示列表,我要通过A组件的一个按钮触发状态,然后B组件根据A组件触发的状态来做业务处理,首先想到的是把状态放在local...
![](/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...