摘要:
v model指令对数据进行双向绑定 或者用eval()函数偷个懒 eval()函数能不用就不用 阅读全文
摘要:
v for循环普通数组 v for循环对象数组 v for循环对象 v for迭代数字 阅读全文
摘要:
js文件必须按照jquery 、 popper 、 bootstrap的顺序引入文档 菜鸟教程的bootstrapCDN加载顺序 BootStrap官网的bs4的CDN加载顺序 阅读全文
摘要:
[Toc] 如何注册指令 如何注册一个全局自定义指令 //注册一个全局自定义指令 Vue.directive("focus",{ //当被绑定的元素插入到DOM中时: inserted:function(el){ //聚焦元素 el.focus() } }) directives:{ focus:{ 阅读全文
摘要:
##为了防止模板复用 在vue中,为了提高渲染效率会尽可能复用模板。 例如: <div id="app"> <template> <div> <label for="" v-if="type 'name'"> <span>name:</span><input type="text" name="" 阅读全文
摘要:
[Toc] v cloak 这个指令会保持在元素上直到关联实例结束编译。 在chrome浏览器中可以调试slow 3G模式,会看到在编译缓慢的情况下没有写v cloak的div中会显示插值表达式{{msg}}。 写了v cloak可以在element中查看到,直到编译结束显示插值表达式的值它就会消失 阅读全文
摘要:
[Toc] 简单的卡片 头部和底部 多种颜色的卡片 在.card的容器后面添加背景 标题、文本和链接 在头部元素上使用.card title类,在卡片文本上使用.card text类,在卡片链接上使用.card link 图片卡片 我们可以给<img 添加.card img top(图片在文字 阅读全文
摘要:
[Toc] 前言 明确一个概念————过滤器的本质是函数。其作用在于用户输入数据后,它能够进行处理,并返回一个数据结果。Vue.js与AngularJS相似,使用管道符(|)进行连接 vue1.0有内置过滤器,2.0已经移除。 "Vue中文文档关于过滤器的链接" ex.局部过滤器 ex.全局过滤器 阅读全文
摘要:
[Toc] 创建阶段 1.创建一个Vue的实例 new Vue({}); 2.Init Events & Lifecycle 表示刚初始化了一个Vue空的实例对象,这时候,这个对象身上只有默认的一些生命周期函数和默认的事件。其它的还没有创建。 3.beforeCreate beforeCreate与 阅读全文
摘要:
一般来说,v if有更高的切换消耗而v show有更高的初始渲染消耗。因此,如果需要频繁切换v show较好,如果在运行时条件不大可能改变v if较好 点击之后可以发现两个h3元素消失了,但是打开开发者工具可以看到两者的区别:写了v show语句的<h3>标签在查看时会发现它的标签内写好了sty 阅读全文