Vue CLI3

vue单文件组件

JavaScript 形式开发组件

Vue.component('组件名', {
    
})
new Vue({})

缺点

  • 全局定义组件名时,不可以重复
  • 字符串模板 es6提供模板字符串
  • 不支持 css
  • 没有构建步骤

Vue 形式开发组件

在 vue 中把 .vue 的文件称为 单文件组件

优点

  • 完整语法高亮
  • CommonJS 模块
  • 组件作用域的 CSS

Vue CLI3 脚手架

基本配置

  • 安装NodeJS
    为了获取 npm

  • 安装淘宝镜像源

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    安装后 npm 可以用 cnpm 代替

  • 安装 Vue CLI3脚手架

快速原型开发

你可以使用 vue servevue build 命令对单个 *.vue 文件进行快速原型开发,不过这需要先额外安装一个全局的扩展:

npm install -g @vue/cli-service-global

vue serve 的缺点就是它需要安装全局依赖,这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值