![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
vue
小白白中之白
这个作者很懒,什么都没留下…
展开
-
vue之v-for小案例
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="eg"> <!--基本框架--> <ul> <!--遍历li--> <li v-for="items in原创 2021-05-24 23:46:43 · 143 阅读 · 0 评论 -
vue日记之v-bind动态绑定class(对象语法1)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .a{ background-color: yellow; } .b{ color:red; } </style></head><原创 2021-06-01 20:33:39 · 104 阅读 · 0 评论 -
vue日记之vue的列表展示
本次主要通过v-for来实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="lb"> <ul> <li v-for="items in movies">{{ite原创 2021-05-22 19:56:54 · 93 阅读 · 0 评论 -
vue日记之v-bind动态绑定class(对象语法2)
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .a{ font-size: 100px; color: red; } </style></head><b原创 2021-06-01 21:16:57 · 52 阅读 · 0 评论 -
vue日记之v-bind的基本使用
{{}}这只能在标签间进行使用,但是我们如何来帮i电脑标签呢?答案时v-bind。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="div1"> <a v-bind:href="url">{{messa原创 2021-05-23 21:38:54 · 43 阅读 · 0 评论 -
vue日记之计数器
话不多说直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <p>当前计数:{{aaa}}</p> <button v-on:click="aaa++"原创 2021-05-22 20:33:07 · 80 阅读 · 0 评论 -
vue日记之初认识vue
vue编程范式vue的编程范式为声明式,而js,jq的编程范式为命令式编程解释下什么是声明式编程:当我的实例去管理标签的时候,只需要告诉我那里写什么东西,不需要管内部替换过程,你只要声明就行了优点:数据与界面完全分离代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=原创 2021-05-22 17:33:31 · 47 阅读 · 0 评论 -
vue日记之mustache的简单应用
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="a"> <!--mustache不仅可以可以直接拼写变量,也可以写简单的表达式--> <h1>{{message}}<原创 2021-05-22 21:35:28 · 49 阅读 · 0 评论 -
vue日记之vue的template
这是我玩了一天之后的学习,此时我充满了愧疚感。。。正文:创建template的步骤在设置中找到如下界面:点击右上角的“+”选择动态模板进行创建其中模块文本为你要生成的代码块,缩写为你生成模块文本的快捷方式。填写完之后点击定义选择html,。点击应用和确定。效果:...原创 2021-05-23 21:13:10 · 127 阅读 · 0 评论 -
vue日记之v-bind绑定style
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="eg"> <p :style="final()">{{message}}</p> <!--采用驼峰命名法--> <!--运用+进原创 2021-06-01 23:05:01 · 54 阅读 · 1 评论