今日完成的事

今天继续学习了vue

Vue:渐进式框架，vue特点:只关注视图层，易学，轻量，灵活，适用于移动端项目

渐进式理解：声明式渲染，组件系统，客户端路由，大规模状态管理，构建工具

Vue的两个核心点：1响应式数据变化，当数据发生改变视图自动更新。

2.组合的视图组件

Ui页面映射为组件树，划分组件可维护，可复用客测试。

Mvc模式（单向的）

M：model数据

V：vide视图

C：controller控制器

MvvM模式（双向的）

M：model数据

V：vide视图

V: modelvide视图模型

搭建vue开发环境

npm install --global vue-cli

创建项目

vue init webpack 项目名

安装依赖

cd到项目安装依赖

cnpm install

另一种创建项目的方式

vue init webpack-simple 项目名

cd到项目里

cnpm install安装依赖

npm  run dev

vue-cli3.0以上创建项目

vue create 项目名

npm run serve

图形创建

通过Vue ui打开一个页面

Vue目录

node-modules：项目所需要的依赖

src：开发所用的资源

babelrc：babe的配置文件

.editorconfig：编辑器的配置文件

.gitignore：配置文件

Index.html：入口文件

package.json：项目配置文件，管理项目所需的各种模块，比如项目的版本号名称等等。

README.md：项目说明文件

webpack.config.js：webpack配置文件

src  assets：静态资源文件

src  App.vue：跟组件

v-for指令，循环指令，把数据循环到页面上。

v-html指令

把动态数据绑定到html上

v-text指令

获取循环的索引值

在循环的后面放一个key

Class指令

Style指令

明天计划的事

继续学习vue

遇到的困难

感觉跟angular差不多，主要是多熟悉熟悉语法

收获

初步了解了vue