vuejs及相关工具介绍

轻量级前端mvm的框架

图片.png

对es6语法的简单描述

图片.png

融合了react和angular的优点，组件化和灵活应用和指令，在国际上是一款极有潜力的前端框架。
1.双向绑定
两段相加得到后面页面的渲染，{{message}}是常见页面模板的渲染方式。
v-model 的意思是将 新建new Vue里面data的message的字段关联到input里面。
相反，input框里的数值的变动，也会带动message里面的变化，这就是所谓的双向绑定。

图片.png

页面中的三种元素HTML，Javascript，css写到一个Vue文件里，文件的后缀名是.vue

图片.png

vue后缀的文件在打包是，能够被转换成传统HTML就能识别的模式，<template></template>里面的内容就是传统的HTML

图片.png