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.jsmodule.exports = {    devServer:{        port:9001    }}

集成vue