![](https://img-blog.csdnimg.cn/20200107000232623.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue
abloume
这个作者很懒,什么都没留下…
展开
-
【VueJS】live-server 快速搭建服务 及 注意事项
转载自:https://juejin.im/post/5940dc1961ff4b006cb82c3d本地开发常常需要搭建临时的服务,第一时间我们会想到用http-server。但现在流行修改文件浏览器自动刷新,好像叫hot socketing(热拔插),这时候又得用到live-reload。既然装逼就要装到底,服务启动了,我想浏览器自动打开我的项目,再用个opener。现在只要使用live-ser原创 2018-01-02 23:49:55 · 3184 阅读 · 0 评论 -
【VueJS】实例中data属性的三种写法及区别
data属性的三种写法1、__<script type="text/javascript"> var app=new Vue({ el:'#app', data:{ isLogin: false } })</script>2、__<script type="text/javascript"> var a原创 2018-01-03 10:58:36 · 19994 阅读 · 2 评论 -
【VueJS】v-for的索引获取
在 v-for 块内我们能完全访问父组件作用域内的属性,另有一个特殊变量 $index,正如你猜到的,它是当前数组元素的索引:<div id="app"> <div v-for="tab in tabs"> <ul> <li>{{$index}} {{tab.name}}</li> </ul>原创 2018-01-03 11:28:42 · 835 阅读 · 0 评论 -
【VueJS】为防止暴露 {{xxx}} 而诞生的v-text & v-html
之前我们在html中输出data中的值时用的是 {{xxx}} ,这种情况是有弊端的:当网速很慢或JavaScript出错时,会暴露 {{xxx}} 。Vue给我们提供的 v-text 就是解决这个问题的。我们来看代码:<h1>v-text & v-html 案例</h1><hr><div id="app"> <span>{{ message }}</span>=<span v-text原创 2018-01-03 22:07:52 · 6265 阅读 · 0 评论 -
【VueJS】v-pre & v-cloak & v-once
v-pre指令在模板中跳过vue的编译,直接输出原始值。就是在标签中加入v-pre就不会输出vue中的data值了。<div v-pre>{{msg}}</div>这时并不会输出我们的msg值,而是直接在网页中显示 {{msg}}v-cloak指令 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编原创 2018-01-04 00:31:26 · 3968 阅读 · 0 评论 -
【VueJS】v-model单选、复选框的应用(学习中...)
下面是我写的Demo以及我的理解<div id="app"> <h3>单选按钮绑定数据</h3> <input type="radio" value="男" v-model="sex"> <label for="">男</label> <input type="radio" value="女" v-model="sex"> <label for="">女</l原创 2018-01-03 23:09:06 · 7948 阅读 · 0 评论 -
【VueJS】Vue的生命周期(钩子函数)
环境:Vue2.x版本在Vue的官网有一张图已经很好的诠释了生命周期,我在这里就不再多讲了,直接贴图,然后上程序代码。<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script><div id="app"> {{count}} <p><button @click="add">加分</button></p><原创 2018-01-04 11:42:37 · 7049 阅读 · 0 评论 -
【VueJS】深入理解 computed 和 methods 方法
前言 模板内的表达式是非常便利的,但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。例如:div id="example"> {{ message.split('').reverse().join('') }}div>computed 方法 所以引入了计算属性computed,将复杂的逻辑放入计算中进行处理,同时computed有缓原创 2018-01-03 01:06:02 · 6111 阅读 · 0 评论 -
【VueJS】一个vue文件中如何并列两个div
问题来源解决方案使用一个div包裹这些div原创 2018-05-28 23:31:37 · 15720 阅读 · 0 评论