乌龙白桃Nina酱

下面要说的三个指令的作用本质上是将数据渲染到页面上，与插值表达式的作用相似。 渲染纯文本，相比插值表达式更加简洁，更新时没有闪烁问题。 渲染HTML片段，存在安全问题，本网站内部数据可以使用，来自第三方的数据不可用。 渲染原始数据，用于需要跳过编译过程显示原始数据的情况。

{{}}插值表达式在更新时有闪烁问题且会闪现出插值表达式也就是双花括号，浏览器卡顿时表现尤为明显，v-cloak指令的作用就是解决这一问题的。 闪烁问题出现的原因是Vue对插值表达式的解释机制首先是将整个插值表达式渲染到页面后再迅速地将其替换成插值表达式中的内容，在用户体验上就…

此篇涉及cors跨域和proxy跨域。 上一篇记录iView UI说到它的Table组件十分常用，练手时模拟了一下将服务器数据渲染上Table，由此遇到了jsonp无法解决的复杂跨域问题，此篇为解决问题的笔记整理。 看很多人练手时搭建服务器都是指定返回某个具体的文件，而这里只指…

为方便使用，请将此网址收藏。 npm安装好iview后去node_modules文件夹中找到iview文件夹打开里面的dist文件夹将style文件夹复制到项目根目录,否则缺失样式。 在项目index.html中link-href引用style/iview.css。 然后正常启…

父组件通过props传递值给子组件：子组件在父组件中上树时设置一个动态的自定义属性并写入属性值，子组件就可以通过props接收到这个属性值。 子组件通过$emit( )传递值给父组件：子组件中把要传递的值写入$emit( )中，子组建在父组件中上树时用@info="infoHa…

当node运行这个js文件的时候不会有任何效果呈现。 console.log()里的话就会被打印出来。 基本原理是这个Object.defineProperties()函数能在数据更新的过程中捕获数据. Object.defineProperties()这个函数是原生js。 写…

在实例初始化之后，数据观测和事件配置之前被调用。 在实例创建完成后被立即调用。 在挂载之前被调用。 被新创建的vm.$el替换，并挂载到实例上之后调用。 这个函数一旦被触发，就意味着组建的初始化已完成，页面模板已形成，我们可以往模板中填充数据。这个函数最常被用到的应用场景为调用…

computed，即计算属性，用于储存计算后的值，定义的时候是函数，但在template中调用时不可以圆括号调用，即，这个函数不得接受形参。 也就是说methods与computed都用于定义函数，但区别是methods定义的函数可以在template以圆括号调用接收形参，co…

methods，即方法，用于存放函数，通常结合v-on使用来进行事件绑定，也可以用于插值表达式{{}}中展示值以及提供给指令使用。 我们可以在methods以外的地方定义函数吗？答案是否定的（后面说到computed另说，下同）。 Vue-loader会把整个.vue文件当作是…