![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
天空中一颗明亮的星
觉得不错的留个爪爪吧
展开
-
Vue---的模板语法了解
Vue.js sh使用基本的HTML模板语法。差值文本“Mustache”“Mustache”({{}})语法的文本差值是最常见的数据绑定形式。例如:<span>Message: {{ msg }}</span>“Mustache”标签将会被替代为对应的数据对象上的msg属性的值,只要所绑定的数据对象msg发生变化,所对应的标签的内容也会随之发生变化。``v—...原创 2018-10-09 22:27:29 · 155 阅读 · 0 评论 -
Vue.js----计算机属性和侦听器
计算机属性<div id="example"> {{ message.split('').reverse().join('') }}</div>在这个地方,模板不再是简单的声明式逻辑。你必须看一段时间才能意识到,这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时,就会更加难以处理。所以,对于任何复杂逻辑,你都应当使用计原创 2018-10-10 10:48:23 · 503 阅读 · 0 评论 -
Vue.js----条件渲染
在 元素上使用 v-if 条件渲染分组因为 v-if 是一个指令,需要添加到一个元素上。要是想让多个元素都可以实现条件渲染,而不一个个给每一个标签加上v-if指令,应该怎么做呢?此时可以把一个 元素当做不可见的包裹元素,并在上面使用 v-if。最终使多个标签同时具有了相同的条件渲染<div id="app" ><template v-if=&a原创 2018-10-10 22:13:35 · 163 阅读 · 0 评论 -
Vue.js--------v-for循环语句命令
1.v-for指令迭代循环 <template v-for="site in sites"> <li>{{ site.name }}</li> <li>--------------&原创 2018-12-21 15:33:53 · 529 阅读 · 0 评论 -
全选、反选、取消全选按钮代码以及vue.js全选与取消全选
<html> <head> <meta charset="utf-8" /> <title原创 2018-12-28 10:21:16 · 478 阅读 · 0 评论 -
vue--表单选择框
<div id="app"> <select v-model="selected" name="fruit"> <option v-for="option in optionsList" :value='option.value'>{{option.key}}</option> </sel原创 2019-01-04 09:39:45 · 795 阅读 · 0 评论