2018-08-22(创建项目)

项目初始化

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

  2. 初始化项目。

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

    vue init webpack my-project

  3. 进入项目

    cd my-project

  1. 安装依赖

    npm install

  2. 启动项目

    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

推荐阅读更多精彩内容