轻量级前端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
本文作者祈澈姑娘,转载请标明作者和文章出处,创作不易。