摘要：
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 阅读全文
摘要：
[Toc] 窗口移动 window.moveTo()与window.moveBy()方法。 以上代码虽然各个浏览器都支持，但是适用性不同。 IE\EDGE:允许对当前页面进行调整。 Chrome、Opera、FF：不允许对当前页面进行位置调整。只允许对window.open出来的页面进行调整。实验证 阅读全文