本课内容:
大家好,欢迎来到谷雨课堂
<!--No.29 也来说一下VUE的基本使用-->
<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/
免责声明:本文仅代表作者个人观点,与华纳网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。