vuejs及相关工具介绍

轻量级前端mvm的框架


5640239-14a8e748511985e4.png
图片.png

对es6语法的简单描述

5640239-73ccdd93d4cadde2.png
图片.png

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


5640239-a060be582d98fe7d.png
图片.png

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

5640239-f43793a14e806622.png
图片.png

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

5640239-c8732c10217e70c9.png
图片.png

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

原文地址:https://www.cnblogs.com/ting6/p/9725874.html