第十八篇前段学习笔记

Vue学习笔记

一、什么是Vue？
Vue 是一套构建用户界面的渐进式框架。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

-----每个 Vue 都需要通过实例化 Vue 来实现。

var vm = new Vue({

})

• 在 Vue 构造器中有一个el 参数，它是 DOM 元素中的 id。
• 如何定义对象：
  data 用于定义属性，实例中有三个属性分别为：
  —site
  —url
  —alexa
• methods 用于定义的函数，可以通过 return 来返回函数值。
  {{ }} 用于输出对象属性和函数返回值。

二、语法

1、 插值
最常见的形式就是使用 {{…}}的文本插值：

<div id="app">
  <p>{{ message }}</p>
</div>

Html
使用 v-html 指令用于输出 html 代码：

<div id="app">
    <div v-html="message"></div>
</div>

• v-bind 指令:
  HTML 属性中的值应使用 v-bind 指令。

Vue 的表达式支持JS的表达。

• 参数：参数在指令后以冒号指明。

组件：
组件可以扩展 HTML 元素，封装可重用的代码。
类别分为全局组件和局部组件。