1. 程式人生 > >VUE中main.js、App.vue、index.html、render函式

VUE中main.js、App.vue、index.html、render函式

1. main.js

main.js 入口檔案: 初始化vue例項並使用需要的外掛

2.App.vue

App.vue 主元件:是我們的主元件所有頁面都是在App.vue下進行切換的

3.index.html

入口檔案:index的body中只有一個id為app的div,main.js中建立的Vue例項掛在index.html中的id為app的div中,然後動態渲染模版

4.render函式

// 在 webpack 中,如果想要通過 vue, 把一個元件放到頁面中去展示,vm 例項中的 render 函式可以實現

  render: function (
createElements) { // createElements 是一個 方法,呼叫它,能夠把 指定的 元件模板,渲染為 html 結構 return createElements(login) // 注意:這裡 return 的結果,會 替換頁面中 el 指定的那個 容器 } // 簡寫: render: c => c(login)