- 博客(10)
- 资源 (1)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 vue学习第五天——列表渲染
用 v-for 把一个数组对应为一组元素 很简单，如下： <ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { i...
2019-08-15 15:05:09
202
原创 vue学习小心得
vue的元素复用无疑是很厉害的，如果你要改动一些dom元素（例如v-if修改），他会复用已经有的，如果for循环所循环的数组内部只是改变数据顺序，他也就只将dom中数据的内容改成对应的，而不会重新渲染dom ...
2019-08-13 10:37:20
91
原创 vue学习第四天——条件渲染
条件渲染很简单，就是用v-if标签，然后扩展到v-else，最后到v-else-if，组成一整套判断语句。 在 <template> 元素上使用 v-if 条件渲染分组 这是一个小应用，因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不...
2019-08-12 23:54:05
446
原创 vue学习第三天
class与style绑定 class绑定 一个div可以设多个class，所以我们有一个动态变化class的功能 <div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }" ></div> div的class的多少取决于data中数据isActive 和 has...
2019-08-12 19:50:29
380
原创 vue学习第二天——计算属性
计算属性 尽量不要在模板里写模板内表达式，虽然vue支持，对于复杂的逻辑，我们需要用计算属性。 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> ...
2019-08-12 15:37:53
125
原创 vue学习第一天——简单vue实例
实现简单的vue例子 很简单，不多说了。但在其中： 我们可以定义一个变量来new一个vue实例，也可以直接vue一个实例。 对于data数据，我们可以在data里面直接定义，也可以再vue外面var一个变量然后传进去如： 对于这种定义的变量（在vue外面定义），我们可以设置它不会被改变，就用Object.freeze(data)这个方法。如果你在vue的data里面定义变量还用这个方法，这个方法...
2019-08-12 14:21:14
2391
原创 meta http-equiv="X-UA-Compatible" content="IE=edge"详解
X-UA-Compatible是针对IE8新加的一个设置。也就是说，你写了一个能在IE7下运行的页面，害怕在IE8上无法兼容，然后就可以在头文件上写 <meta http-equiv="X-UA-Compatible" content="IE=7" /> content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Inter...
2019-08-09 16:55:59
3607
vue_router.js
2019-12-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人