Vue 实例

最新推荐文章于 2021-06-28 18:36:05 发布

lamp_yang_3533

最新推荐文章于 2021-06-28 18:36:05 发布

阅读量256

点赞数 1

分类专栏： Vue.js 文章标签： Vue 实例数据与方法

本文链接：https://blog.csdn.net/lamp_yang_3533/article/details/100569483

版权

创建一个 Vue 实例

每个 Vue 应用都需要通过 Vue 构造器实例化一个 Vue 实例来实现。

语法格式：

var vm = new Vue({
  // 选项
})

我们把 Vue() 称为 Vue 构造器。

虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。

一个 Vue 应用是由一个根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。所有的 Vue 组件都是 Vue 实例，并且接受相同的选项对象 (一些根实例特有的选项除外)。

数据与方法

当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。

下面是一个例子：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue 测试实例</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
</head>
<body>
<div id="vue_det">
    <h1>site : {
  {site}}</h1>
    <h1>url : {

最低0.47元/天解锁文章

lamp_yang_3533

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue 实例

创建一个 Vue 实例每个 Vue 应用都需要通过 Vue 构造器实例化一个 Vue 实例来实现。语法格式：var vm = new Vue({ // 选项})我们把 Vue() 称为 Vue 构造器。虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。...
复制链接

扫一扫