![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
杰克L
这个作者很懒,什么都没留下…
展开
-
Vue 3_1.vue中的v-text和v-html以及v-bind的使用
v-text直接以纯文本展示v-html则会解析html标签在我们项目中的html中添加以下代码:<html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body&g原创 2021-05-31 00:39:08 · 3085 阅读 · 0 评论 -
Vue 2_5.vue中的事件修饰符
今天来写一个使用vue中的事件修饰符来禁止表单提交的案例在HBuilder X中新建vue项目,然后在index.html的body中添加以下代码:<div id="app"> <form @submit.prevent action="http://baidu.com" method="post" > <input type="submit" value="提交" /> </form></div>在js中添加以下代码:new原创 2021-05-30 22:28:35 · 53 阅读 · 0 评论 -
Vue 2_4.vue的v-on鼠标移动事件和阻止事件传播
鼠标移动事件的关键字是v-on:mouseover,例: v-on:mouseover=“divmouseover()”接下来看下具体代码的编写:在body中编写以下代码:<body> <div id="jieke"> <div id="div" v-on:mouseover="divmouseover()"> <textarea v-on:mouseover="textareamouseover()">这是一个文件域</texta原创 2021-05-30 01:32:45 · 1591 阅读 · 0 评论 -
Vue 2_3.vue的v-on键盘事件和阻止事件默认行为
vue中键盘事件的关键字是 v-on:keydown,格式为 v-on:keydown=“fun($event)”($event是vue中的事件对象,和我们传统js中的event对象是一样的)接下来就用一个案例来演示一遍吧。给input输入框添加键盘事件,限定只可以输入数字:在body中给input添加v-on事件:<body> <div id="jieke"> <input type="text" v-on:keydown="fun($event)" /&g原创 2021-05-30 00:39:06 · 718 阅读 · 0 评论 -
Vue 2_2.vue的v-on绑定点击事件
我们可以用v-on指令监听dom事件,并在触发时运行一些JavaScript代码。首先在HBuilder X中新建一个vue项目,然后在index.html的body中编写以下代码:<div id="app"> <button v-on:click="fun1">vue的onclick</button></div>在js中编写以下代码:new Vue({ el: "#app", methods:{ fun1:function(){原创 2021-05-29 16:36:55 · 761 阅读 · 1 评论 -
Vue 2_1.vue的插值表达式
首先在HBuilder X中新建一个vue项目,然后在编写以下代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <bod原创 2021-05-29 02:10:36 · 155 阅读 · 0 评论 -
Vue 1.入门案例
Vue.js是一个构造数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。Vue将逻辑部分和赋值部分进行分离,使结构更加清晰。第一个项目的步骤:打开我们的HBuilder,点击左上角的文件 —>新建 —>项目,在index.html中编写以下代码:<!DOCTYPE html><html> <head> <meta chars原创 2021-05-29 01:54:51 · 162 阅读 · 0 评论