1.vue脚手架vue/cli
1.0全局安装脚手架
yarn global add @vue/cli or npm i -g @vue/cli
1.1初始化脚手架,生成脚手架文件
vue create 文件名
1.2启动内置的热更新本地服务器
yarn serve or npm run serve
1.3vue/cli自定义配置
/* 覆盖webpack的配置 */
module.exports = {
devServer: { // 自定义服务配置
open: true, // 自动打开浏览器
port: 3000
}
}
1.4eslint了解
默认代码要求非常严谨,需要在module.exports里配置一下属性
lintOnSave:false
1.5vue/cli单vue文件讲解
Vue推荐采用.vue文件来开发项目
template里只能有一个根标签
vue文件-独立模块-作用域互不影响
style配合scoped属性, 保证样式只针对当前template内标签生效
vue文件配合webpack, 把他们打包起来插入到index.html
2.vue指令
2.0 MVVM模型
2.1插值语法
<template>
<div>
<div><span>姓名:</span>{