项目初始化
npm install -global vue-cli 全局安装
-
初始化项目。
创建一个 基于 webpack 模板的新项目。
vue init webpack my-project
ESLint 检测代码
-
进入项目
cd my-project
-
安装依赖
npm install
-
启动项目
npm run dev
项目目录结构
index.html : 项目根视图
.postcssrc..js : postcss 配置文件
static : 静态文件目录
安装会出现
Project name (项目名称)
Project description (项目描述)
Author （作者）
Vue build standalone （VUE独立构建）
Install vue-router? （查看路由）
Use ESLint to lint your code? （代码检查） 开发过程中需要安装，但是，在测试阶段不要安装， 一旦安装了，代码空格换行 遵循统一风格。
Set up unit tests？ （给测试用的）
Setup e2e tests with Nightwatch?（也是测试用的）
模版语法
Vue组件：
包括三个部分
template: 视图部分
script： 逻辑部分
style： 样式部分
mustache: 模板
表现形式： {{ 语法 }}
{{ 哈哈哈哈 }}
{{0<10? '对的': '错的'}}
{{'注意只能存在单行语句，并且，不能作用在html属性'}}
{{20+1}}
{{flag}}
vue 基本指令：
v-html: 渲染文本
v-text : 渲染文本
v-bind: 绑定
条件渲染：
v-if
v-else
v-else-if
v-show
问题 v-if 和 v-show的区别？
列表渲染：
v-for
