当前位置: 首页 > article >正文

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

解构说明

在这里插入图片描述


http://www.kler.cn/a/381271.html

相关文章:

  • 语音识别ic赋能烤箱,离线对话操控,引领智能厨房新体验
  • 注意力机制的实现
  • 我谈正态分布——正态偏态
  • Spring框架的事务管理
  • Oceanbase学习之一迁移mysql数据到oceanbase
  • vue系列==vue路由
  • 企业CRM管理系统PHP源码/PHP客户关系CRM客户管理系统源码
  • 【Python】计算机视觉应用:OpenCV库图像处理入门
  • Python Pandas内存管理技巧助力高效处理大数据
  • 针对告警数量、告警位置、告警类型等参数进行统计,并做可视化处理的智慧能源开源了
  • 微服务架构面试内容整理-Ribbon
  • 通过Flink读写云原生数据仓库AnalyticDB PostgreSQL版(ADB PG)数据
  • LWIP通信协议UDP发送、接收源码解析
  • 使用JdbcTemplate 进行数据库的增、删、改、查
  • ServletContext 对象介绍
  • Redis持久化机制——针对实习面试
  • 力扣11.4
  • 微信小程序 基于协同过滤算法的的校园音乐推荐系统
  • 大客户营销数字销售实战讲师培训讲师唐兴通专家人工智能大模型销售客户开发AI大数据挑战式销售顾问式销售专业销售向高层销售业绩增长创新
  • 低代码解锁跨平台应用开发新境界
  • Elasticsearch核心概念
  • [渲染层网络层错误] net::ERR_CONTENT_LENGTH_MISMATCH 问题解决
  • 【TextIn:开源免费的AI智能文字识别产品(通用文档智能解析识别、OCR识别、文档格式转换、篡改检测、证件识别等)】
  • 利用爬虫爬取网站信息
  • spring-data-aop Repository层的增删查改
  • 基于C#的Windows编程:后台窗口和坐标转换