美文网首页Web前端
Vue - 多个Vue实例

Vue - 多个Vue实例

作者: 廖马儿 | 来源:发表于2018-02-02 18:55 被阅读25次

eg:

<div id="box">
  <span>{{ title }}</span>
</div>

<div id="box2">
  <span>{{ title }}</span>
</div>

var vm = new Vue({
  el: '#box',
  data: {
    title: 'Hello'
  }
})

var vm2 = new Vue({
  el: '#box2',
  data: {
    title: 'World'
  }
})

我们初始化了两个Vue实例,vm和vm2,那么我们就可以在vm2中改变vm,或者vm中去改变vm2。

相关文章

  • Vue 实例化多个Vue对象

    一.实例化多个Vue对象 1. 多个实例化vue对象,和单个vue对象,使用方法一样,只是绑定操控的el元素不同了...

  • Vue - 多个Vue实例

    eg: 我们初始化了两个Vue实例,vm和vm2,那么我们就可以在vm2中改变vm,或者vm中去改变vm2。

  • vue基础知识

    new Vue() 创建 Vue 实例,其中 Vue.components() 也可以创建 Vue 实例。 Vue...

  • Vue.js第2课-基础

    一、Vue.js 实例 一个 Vue.js 的项目,是由很多个组件组成的,Vue.js 组件也是一个实例,也可以说...

  • Vue的深入理解

    1. 一个页面是否可以创建多个Vue实例 2. 当el匹配多个元素时,Vue实例会不会分别在每个元素上渲染 3. ...

  • Vue学习的第二天

    创建一个Vue实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的,所有的Vue组件都是Vue实例,...

  • Vue入门系列(二)Vue实例和组件

    Vue实例是Vue应用的启动器,Vue组件是Vue实例的扩展。 1. Vue实例 通过构造函数可以创建一个Vue的...

  • Vue

    Vue框架 一、Vue基础 添加Vue到网页(无需保存到本地) Vue生命周期 二、Vue 实例 创建Vue实例:...

  • Vue.js学习笔记(2)

    Vue 实例 创建一个 Vue 的实例 每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的:...

  • Vue.js 数据绑定、指令、事件

    Vue 实例和数据绑定 通过构造函数 Vue 就可以创建一个 Vue 的根实例,并启动 Vue 应用。Vue 实例...

网友评论

    本文标题:Vue - 多个Vue实例

    本文链接:https://www.haomeiwen.com/subject/dpiezxtx.html