Vue脚手架文件结构
脚手架文件结构
-
node_modulespublic
-
public
- favicon.ico:页签图标
- index.html:主页面
-
src
-
assets:存放静态资源
- logo.png
-
component:存放组件
- Hellolorld.vue
-
App.vue:汇总所有组件
-
main.js:入口文件
-
-
.gitignore:git 版本管制忽略的配置
-
babel.config.js:babel的配置文件
-
package.json:应用包配置文件
-
README.md:应用描述文件
-
package-lock.json:包版本控制文件
关于不同版本的Vue:
-
vue.js与vue.runtime.xxx.js的区别:
- .vue.js是完整版的Vue,包含:核心功能+模板解析器。
- .vue.runtime.xxx.js是运行版的Vue,只包含:核心功能;没有模板解析器。
-
因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。
render函数
关于不同版本的Vue:
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函数去指定具体内容。
//创建vue实例对象
new Vue({
el:'#app',
render: h => h(App),
})
vue.config.js配置文件
使用vue inspect > output.js可以查看到Vue脚手架的默认配置。
使用vue.config.js可以对脚手架进行个性化定制,详情见:https://cli.vuejs.org/zh