VUE.JS
关注
分享
扫一扫
人苼若只茹初見
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
在VUE中使用样式
使用class样式 1.数组 <h1 :class="{'red','thin'}">123</h1> 2.数组中使用三元表达式 <h1 :class="{'red','thin',isactive?axtive':'}">123</h1> 3.数组中嵌套对象 <h1 :class="{'red','thin',{'active':isactive}}">123</h1> 4.直接使用对象 <h1 :c.原创 2021-02-04 11:19:45 · 185 阅读 · 1 评论 -
v-model实现表单元素的数据双向绑定与简易计算器实现
v-model v-blind只能实数据的单向绑定从M绑定到N 无法双向绑定，使用v-model指令可以实现表单元素和model中数据的双向绑定 <div id="app"> <h4>{{msg}}</h4> <!-- v-blind只能实现数据的单向绑定从M绑定到N 无法双向 --> <!-- 使用v-model指令可以实现表单元素和model中数据的双向绑定 -->.原创 2021-02-01 19:55:15 · 212 阅读 · 0 评论 -
vue事件修饰符
时间修饰符 .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件监听器时使用事件捕获模式 .self 只当事件在该元素本身触发时触发回响 .once 事件只触发一次 .self只会阻止自己身上的冒泡行为的触发，并不会真正阻止冒泡的行为 <div id="app"> <!--使用.capture实现捕获触发事件的机制--> <div class="...原创 2021-02-01 19:16:31 · 104 阅读 · 0 评论 -
VUE跑马灯效果制作
分析： 1. 给【开始】按钮绑定一个点击事件 2. 在按钮的事件处理函数中，写相关的业务逻辑代码，拿到msg字符串，然后调用字符串的substring来进行字符串的截取，把第一个字符截取出来，放到最后一个之后即可 3. 为了实现点击之后自动截取的功能，需要把2中的代码放入定时器中 4. 按下【停止】按钮时只需要关闭定时器即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF.原创 2021-01-31 19:03:18 · 224 阅读 · 0 评论 -
VUE基本语法
vue基础语法 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例启动的 Var vm=new Vue({})｛ 基础属性： el:获取执行vue的dom元素－初始化范围 data ： 存储数据 methods ：执行的方法 ｝ 1，绑定数据 {{}} 或者 v-text=“” 只能绑定文本 vue中 v-html专门处理带标签的数据 表达式 在{{}}中 ±*/ 直接可用 2，事件绑定 v-blind：title=" "...原创 2021-01-31 14:16:36 · 157 阅读 · 0 评论 -
MVC和MVVM的关系
MVC的全名是Model View Controller，是一种使用“模型-视图-控制器”设计创建Web应用程序的模式，同时提供了对HTML、CSS和JavaScript的完全控制，其中M为model层原创 2021-01-30 15:27:29 · 387 阅读 · 0 评论