vue--vueCLI
何为CLI
■ CLI是Command-Line Interface,俗称脚手架.
■ 使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。(vue 脚手架的作用),
而通过vue-cli即可:vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。
■ Vue.js官方脚手架工具就使用了webpack模板。
安装
npm install -g @vue/cli
创建(在当前目录下)
npm create 项目名
运行
npm run serve
脚手架结构
render函数
render: h => h(App),
这样配置时:
new Vue({
el:"#app",
template:'<div><App></App></div>',
comments:{App}
// render: h => h(App),
})
// .$mount('#app')
会解析错误:
要么使用完成版的vue.js:其包含核心功能+模板解析器
要么使用运行版的vue.runtime.xxx.js:其只有核心功能,因为没有模板解析器所以无法使用template配置项,需要render函数接收createElement函数指定具体内容
组件中使用template 则由下面去解析
import { Vue } from './vue' // 就是运行版的vue