![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
xiaotututuer
哈哈哈
展开
-
腾讯十天Vue.js课程之三:增删便签任务
v-if与v-show的区别:v-if 是“真正的”条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下, v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说, v-if原创 2017-04-18 10:17:57 · 349 阅读 · 0 评论 -
腾讯十天Vue.js课程之四:编辑便签任务
绑定 HTML Class尽管可以用 Mustache 标签绑定 class,比如 class="{{ className }}",但是我们不推荐这种写法和 v-bind:class 混用。两者只能选其一!对象语法我们可以传给 v-bind:class 一个对象,以动态地切换 class。注意 v-bind:class 指令可以与普通的 class 特性共存::class=原创 2017-04-19 22:02:29 · 407 阅读 · 0 评论 -
【IMWeb训练营作业】Vue.js便签
功能说明:1.回车添加任务2.勾选完成任务3.点×删除任务4.双击标签编辑任务5.查看未完成任务与已完成任务源码:------------------------todos.html------------------------------------- todos原创 2017-04-19 22:41:42 · 558 阅读 · 0 评论 -
mustache语法
mustache 模板,用于构造html页面内容。在实际工作中,当同一个模板中想要调用不同的函数来渲染画面,在已经自定义好了的前提下,可以在渲染页面时对传入的参数进行手动判断。【在不好判断的情况下,我们可以通过改变传入参数来进行判断】跟小白我来看看该模板的语法吧。 Mustache 的模板语法很简单,就那么几个:1234转载 2017-04-16 16:16:59 · 571 阅读 · 0 评论 -
腾讯十天Vue.js课程之二:指令与模版
指令什么是指令?是一种特殊的行间属性指令的职责就是当其表达式的值改变时,相应的将某些行为应用到DOM(文档对象模型)上。在Vue中,指令以v-开头。Vue.js提供了一些常用的内置指令v-if指令v-show指令v-else指令v-for指令v-bind指令 动态地绑定数据,简写为:v-on指令 绑定事件监听器,简写为@v原创 2017-04-16 15:28:33 · 314 阅读 · 0 评论 -
【IMWeb训练营作业】Selector
----style.css----------*{ margin: 0; padding: 0; text-align: center;}.warp{ height: 300px; width: 250px; padding: 10px 10px; position: relative; margin-left: -125原创 2017-04-22 11:49:51 · 226 阅读 · 0 评论 -
腾讯十天Vue.js课程之六:组件
html>lang="en"> charset="UTF-8"> 组件 type="text/css" rel="stylesheet" href="style.css"> src="../js/vue.js">id="app"> 自定义的下拉框 btn-value="查询"> 自定义的下拉框2 btn-value="搜索"原创 2017-04-24 23:48:58 · 241 阅读 · 0 评论