vuejs及相关工具介绍

轻量级前端mvm的框架


vuejs及相关工具介绍_第1张图片
图片.png

对es6语法的简单描述

vuejs及相关工具介绍_第2张图片
图片.png

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


vuejs及相关工具介绍_第3张图片
图片.png

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

vuejs及相关工具介绍_第4张图片
图片.png

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

vuejs及相关工具介绍_第5张图片
图片.png

本文作者祈澈姑娘,转载请标明作者和文章出处,创作不易。

你可能感兴趣的:(vuejs及相关工具介绍)