chevron_left

Vue 2 实践教程

免费
第 4.1 回

教程文档

Vue 2 实践教程 - $root 根组件

2023年11月23日更新
Vue 2 实践教程

$root 根组件

$root

使用$root可以访问到new Vue根实例中的数据和方法

修改src/main.js文件

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

Vue.config.productionTip = false;

new Vue({
  data: {
    name: '大刘记'
  },
  router,
  store,
  render: h => h(App)
}).$mount('#app');
<template>
  <div>
    {{ $root.name }}
  </div>
</template>

<script>
export default {
  created() {
    console.log(this.$root.name);
  ...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手