vue学习笔记|青训营笔记

104 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第13天

今天了解了一点Vue的知识,记录一些基本的要点,以供记忆

Vue简介:是一套用于构建用户界面的渐进式框架。 Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
Vue有一个突出的特点:组件化(组件是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。)(Vue.js 是一个优秀的前端界面开发 JavaScript 库)

Vue属性分辨很容易:v- 都是属于vue指令
例如: v-on: 绑定事件 eg: v-on:click=" "
简写:eg:@click=" "
v-html : 渲染innerHTML;v-bind: 绑定属性

    Vue常用七个属性:
  • el属性:用来指示vue编译器从什么地方开始解析 vue的语法,可以说是一个占位符。
  • data属性:用来组织从view中抽象出来的属性,可以说将视图的数据抽象出来存放在data中。
  • template属性:用来设置模板,会替换页面元素,包括占位符。
  • methods属性:放置页面中的业务逻辑,js方法一般都放置在methods中
  • render属性:创建真正的Virtual Dom
  • computed属性:用来计算 Vue.js 计算属性,计算属性在处理一些复杂逻辑时是很有用的
  • watch属性:Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化 watch:function(new,old){}监听data中数据的变化 两个参数,一个返回新值,一个返回旧值。
    计算属性和方法的区别:
  1. 使用上的区别,计算属性不需要加圆括号调用,而方法需要(method内的方法)。
  2. 计算属性和方法的写法基本一致,但计算属性内部务必有return返回值。
  3. 计算属性有缓存,方法没有,计算属性是依赖现有的属性,属性变化后计算属性才重新求值,否则使用缓存。而方法每次调用都会返回计算。
  4. 计算属性是依赖属性的,方法未必。
  5. 方法名与属性名不能同名,否则计算属性名被覆盖。