1. v-cloak指令:这个指令保持在元素上直到关联实例结束编译.和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕. <div> {{msg}} </div> msg不会显示知道vue实例编译结束,这样就不会导致出现空白. 2.…

一.选项 / 数据 1.data 当一个组件被定义,data 必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例,如果 data 仍然是一个纯碎的对象,则所有的实例将被共享引用同一个数据对象.通过提供 data 函数,每次创建一个新实例后,我们能够调用 data 函数,从而返回初始数据的一个全新副本数据对象. 2.props props 可以是数组或者对象,用于接收来自父组件的数据.props 中使用对象可以配置高级选项,类型检测,自定义验证,设置默认值 可以使用以下选项 ty…

1.Vue.extend(options) 构造器,创建一个 子类 .参数是一个包含组件选项的对象 data 选项是特例,需要注意 在 Vue.extend() 中它必须是一个函数, <div id="test"></div> // 创建构造器 let MyTest = Vue.extend({ template: '<p>{{name}} {{age}}</p>', data(){ return { name: 'zhangning',…

一.实例 property 1.vm.$data Vue 实例观察的数据对象,Vue 实例代理了对其 data 对象 property 的的访问 2.vm.$props 当前组件接收到的 props 对象.Vue实例代理了对其 props 对象 property 的访问 3.vm.$el Vue 实例使用的根 DOM 元素 4.vm.$options 用于当前 Vue 实例的初始化选项.需要在选项中包含自定义 property 时会有用处 示例:通过这种方式我们可以自定义一些属性,通过 $opt…

一.指令 1.v-text <span v-text="msg"></span> <!-- 两种写法是一样的 --> <span>{{ msg }}</span> 2.v-html 更新元素的 innerHTML ,内容按普通 HTML 插入,不会作为 Vue 模板进行编译,如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来代替 在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击,只在可…

VUE API 重点 生命周期方法 每个组件都有生命周期,是向 ReactJs 学习的. computed 在一个组件声明一个人,人有名,人有姓,输入姓和名.((&--&%--&--%&)…

其他章节请看: vue 快速入门 系列 侦测数据的变化 - [vue api 原理] 前面(侦测数据的变化 - [基本实现])我们已经介绍了新增属性无法被侦测到,以及通过 delete 删除数据也不会通知外界,因此 vue 提供了 vm.$set() 和 vm.$delete() 来解决这个问题. vm.$watch() 方法赋予我们监听实例上数据变化的能力. 下面依次对这三个方法的使用以及原理进行介绍. Tip: 以下代码出自 vue.esm.js,版本为 v2.5.20.无关代码有一些删减.…

1.transform.translate是增加transform面板相应的数值x,y,z是以本地坐标系为方向:transform.transformdirection是以世界坐标系为方向,可以去测试感受下. 2.碰撞检测函数movedirection.y -= gravity*Time.deltaTime;controller.Move(movedirection*Time.deltaTime);角色移动只受到碰撞的约束.角色遇到碰撞时将会沿着碰撞盒滑动(你懂得).返回值是对移动过程中遇到的碰…

今天在查看苹果接口文档时,突然对于接口的声明知识点比较感兴趣,再网络找到下面这个比较不错的文章,记录一下并分享: 如你所知,已废弃(Deprecated)的API指的是那些已经过时的并且在将来某个时间最终会被移除掉的方法或类.通常,苹果在引入一个更优秀的API后就会把原来的API给废弃掉.因为,新引入的API通常意味着可以更好的发挥新硬件或操作系统的性能,或者可以使用一些在构建原有API时根本还没有的语言特性(e.g. blocks). 每当苹果添加新方法的时候,他们都会在方法声明的后面用一个很…

阳光那么好,何必自寻烦恼,过好每一个当下,一万个美丽的未来抵不过一个温暖的现在. 一.Vue.nextTick(): 该api 是在Dom节点更新结束之后执行的一个延时回调.在修改数据之后,立即使用这个方法,可以获取到更新后的Dom. 使用场景:当修改的时候,将获取到的数据对页面的form进行赋值的时候,可以使用. 或者在created()钩子函数进行的DOM操作一定要放在Vue.nextTick()方法的回调函数中,因为created()中还没有对DOM 节点进行渲染,所以此时进行DOM节点的…