今日完成的事

Vue的事件

绑定事件的两种方法

获取自定义属性

Mounted生命周期函数，相当于angular里面的ngOnInit()

如何在vue里面封装方法

首先在src文件夹里面新建一个文件夹，然后在这个新建的文件夹里

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

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

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

2.组合的视图组件

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

Mvc模式（单向的）

M：model数据

V：vide视图

C：controller控制器

MvvM模式（双向的）

M：model数据

V：vide视图

V: modelvide视图模型

搭建vue开发环境

cnpm install --global vue-cli（2.0）

创建项目

vue init webpack 项目名

安装依赖

cd到项目安装依赖

cnpm install

另一种创建项目的方式

vue init webpack-simple 项目名

cd到项目里

cnpm install安装依赖

npm  run dev

vue cli3安装环境

npm install -g @vue/cli

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上