Vue基础杂谈

1.属性绑定:

a:v-bind:src="src";单纯属性绑定

b:v-bind:[propsimg]="src" 属性绑定且动态属性名

2.放在选项中data和methods都会在Vue实例中的属性和方法;Vue提供的选项的值不能用箭头函数

3.数据一开始应该放在data中,数组不应该放简单型数据,这样可以预防不响应情况;

如果不响应可以通过Vue.set(方法名,key,value)或者Vm.$set(方法名,key,value)

4.计算属性:是一个函数,他所依赖的元素变化时就会再次执行,需要有返回值;所以会有缓存,method每次都执行,但计算属性依赖元素不变的时候不会调用

5.只想检测数据是否变化,不想渲染到dom,所以就用数据观测,计算属性肯定会渲染页面;而且数据观测第一次不会观测;对象可能观测不到,所以要观测对象要深度观测

watch:{

数据名:'method函数名'    数据名==data的数据

数据名:函数体(new,old)

数据名:{

handler:fn(new,old),

deep: true 深度检测

immediate: true 首次运行

}

}


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、了解Vue.js 1.1.1 Vue.js是什么? 简单小巧、渐进式、功能强大的技术栈 1.1.2 为什么学习...
    蔡华鹏阅读 3,392评论 0 3
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,280评论 0 25
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,121评论 0 2
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,993评论 1 4
  • 一、模版指令 通过模版指令(写在html中的),即是html和vue对象的粘合剂。 数据渲染 v-text、v-h...
    王梓懿_1fbc阅读 698评论 0 5