2018-08-29 vue 创建项目

项目初始化

1. npm install -global vue-cli 全局安装

2. 初始化项目。

   创建一个 基于 webpack 模板的新项目。

   vue init webpack my-project

   ESLint 检测代码

3. 进入项目

   cd my-project

4. 安装依赖

   npm install

5. 启动项目

   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