Vue.js
小鱼干换AC
这个作者很懒,什么都没留下…
展开
-
Vue.js学习记录——二
Vue实例 每个Vue应用都是通过Vue函数创建的Vue实例: var 变量名 = new Vue({ }) 当你创建了一个Vue实例时,你可以传入一个选项对象。以下时data属性的一些用法: //自己创建的数据对象 var data = { a: 1 } //将数据对象加入到Vue实例中 var v = new Vue({ data: data }) //设置属性影响原始...原创 2019-07-08 12:06:07 · 78 阅读 · 0 评论 -
Vue.js学习记录——三
插值 文本 数据绑定采用双大括号形式<span>Message:{{message}}</span> Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时,绑定的数据对象上 msg 属性发生了改变,插值处的内容都会更新。 通过使用v-once 指令,也能执行一次性地插值,当数据改变时,插值处的内容不会更新,但是需要注意这样是否会影响该节点上的其他数据...原创 2019-07-10 11:12:21 · 127 阅读 · 0 评论 -
Vue.js学习记录——四
计算属性和侦听器 计算属性 模板内的表达式虽然方便,但是如果在进行复杂运算的时候,在模板中放入太多的逻辑会让模板难以维护。例如: <div id = "a"> {{ messgae.split('').reverse().join('') }} </div> 这段代码用于反转字符,当你想多次使用的时候整段代码的可读性就会变得非常差。 所以,对于任何复杂一点的逻辑都...原创 2019-07-10 11:49:48 · 104 阅读 · 0 评论 -
Vue.js学习记录——一
声明式渲染 在使用Vue.js的时候,最简单的方法就是在html的head标签中加上下面这种方式(选择一种使用): <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本,优化了尺寸和速度 -...原创 2019-07-07 15:16:37 · 108 阅读 · 0 评论 -
Vue.js学习记录——五
条件渲染 v-if 使用v-if指令渲染某一块内容时,这块内容只有当表达式值为true时才会被渲染。 <h1 v-if="add"> Add new message ! </h1> 也可以用v-else添加一个else快 <h1 v-if="add"> Add new message! </h1> <h1 v-else>...原创 2019-07-25 11:31:04 · 72 阅读 · 0 评论