2022-07-28 来源:华纳网 责任编辑:Sunny 人气:
核心提示:大家好,欢迎来到谷雨课堂。

本课内容:

大家好,欢迎来到谷雨课堂


 

VUE在网页开发中广泛使用的一个库
谷雨老师把VUE称作为一个库,
是因为很多人和机构把VUE给神话了,
弄了非常高大上,
其实VUE的简单使用是非常容易了,
只需不到几十行的代码就可以实现很实际的功能
 
以下是本节的部分源代码,
就可以实现完整的小小的交互内容了
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
<!--No.29 也来说一下VUE的基本使用--><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"><meta name="format-detection" content="telephone=no"><meta name="format-detection" content="email=no"/><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="browsermode" content="application"><title>谷雨课堂 VUE 基础</title><style></style></head><body><div id="app"><h1>谷雨课堂  VUE基础 </h1><hr><div style="font-size:50px;" @click="cnt_inc()">{{cnt_txt}}</div></div><script type="text/javascript" src="./js/vue.min.js"></script><script type="text/javascript" src="./js/axios.min.js"></script><script> 
var app;
app=new Vue({el:'#app',data: {msg: "ok",cnt:1,    },    created() {
    },computed: {  cnt_txt:function(){return "第"+this.cnt+"次";      },    },    mounted() {    },methods: {cnt_inc:function(){this.cnt++;      }    }})</script></body></html>
 

 

如果同学们对VUE感兴趣,

谷雨老师也会深入的讲解一下VUE的其它使用。

 

扩展阅读

Vue.js是一款流行的JavaScript前端框架,是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。

 

vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快;缺点:Vue 不缺入门教程,可是很缺乏高阶教程与文档。同样的还有书籍;VUE不支持IE8;生态环境差不如angular和react。

 

React与Vue最大的区别是模板的编写。Vue鼓励去写近似常规HTML的模板。写起来很接近标准HTML元素,只是多了一些属性。这些属性也可以被使用在单文件组件中,尽管它需要在在构建时将组件转换为合法的JavaScript和HTML。

 

完整的源代码可以登录【华纳网】下载。

https://www.worldwarner.com/

 

 





免责声明:本文仅代表作者个人观点,与华纳网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。