Vue脚手架文件结构及解释 Vue.js与Vue.runtime.xxx.js的区别

一. 脚手架详解

node_modules

public

            favicon.ico:页签图标

            index.html:主页面

src

            assets:存放静态资源

                             logo.png

            components:存放组件

                             HelloWord.vue

            App.vue:汇总所有组件

            main.js:入口文件

.gitignore:git版本管制忽略的配置

babel.config.js:babel的配置文件

package.json:应用包配置文件

README.md:应用描述文件

package-lock.json:包版本控制文件

vue.config.js:对脚手架进行个性化定制

二. Vue.js与Vue.runtime.xxx.js的区别

1. Vue.js与Vue.runtime.xxx.js的区别

    (1).vue.js是完整版的vue 包含:核心功能+模板解析器

    (2).vue.runtime.xxx.js是运行版的Vue 只包含:核心功能,没有模板解析器

2. 因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容