VUE

两种视图模式

MVP

202002051355

MVVM

批注 2020-02-05 140125

vue实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的

var vm = new Vue({
  // 选项
})

根实例
└─ TodoList
   ├─ TodoItem
   │  ├─ DeleteTodoButton
   │  └─ EditTodoButton
   └─ TodoListFooter
      ├─ ClearTodosButton
      └─ TodoListStatistics

实例生命周期

202002051607

vue-cli

Vue脚手架可以快速生成Vue项目基础的架构

安装

npm install -g @vue/cli

创建项目

vue create project-name

工程结构

批注 2020-02-05 095145

配置

// vue.config.js
module.exports = {
    devServer:{
        port:9001
    }
}

集成vue