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

解构说明

相关推荐
LucianaiB5 分钟前
拿到Offer,租房怎么办?看我用高德MCP+腾讯云MCP,帮你分分钟搞定!
前端·后端·cursor
用户175923421502811 分钟前
D3.js - 基本用法
前端·d3.js
Mr.Liu628 分钟前
小程序30-wxml语法-声明和绑定数据
前端·微信小程序·小程序
76756047929 分钟前
useDateFormat源码解析
前端·源码
Mintopia29 分钟前
Three.js粒子系统开发实战:从基础到性能优化
前端·javascript·three.js
Promise52029 分钟前
大屏"跑马灯" 长列表性能优化
前端·javascript
子玖30 分钟前
初始化项目前的准备
前端·javascript·vue.js
Mintopia30 分钟前
Three.js进阶实战:打造动态光影交互场景 ——结合环境光、聚光灯与相机控制的沉浸式体验
前端·javascript·three.js
贵州数擎科技有限公司30 分钟前
Threejs绘制小兩伞快拿去送给你的女神
前端
Carlos_sam32 分钟前
OpenLayers:封装Overlay的方法
前端·javascript