vue单文件组件

vue单文件组件

vue单文件组件JavaScript 形式开发组件缺点 Vue 形式开发组件优点 Vue CLI3 脚手架基本配置快速原型开发

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 serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发，不过这需要先额外安装一个全局的扩展：

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

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