分享

初探Vue

 gkok 2018-08-29
 一直喜欢原生的JS,但最近搞了一个大项目,前端需要用到很多形式展现内容,发现原生的JS搞起来有点啰嗦,代码实现起来有点乱。想了解一下框架实现起来的效果,为什么选择Vue呢?因为Vue属于渐进式的框架,最近确实也比较火,它与Angular最大的区别是自由度高,不受条框限制。以下为学习笔记与思考。
一、使用Vue
最简单的方法是直接引用CDN
<script>http:///vue.js</script>
引入之后,开始创建Vue对象。
new Vue({
el:"element",
data:{name:"dreamguo"},
methods:{
greet:function(){
document.write("hello dream")
console.log("this is output")
},
greet2:function(){
return "hi Vue"
},
...
}
})
1、el:Vue的第一个对象。el代表element,需要获取控制的元素(获取方法同CSS),是HTML中的根容器元素。
2、data:以对象的形式储存数据。可以存放基本数据类型、数组、对象
实例:
3、methods:方法的保存。这里可以存写所有使用到的方法
实例:
4、属性绑定:v-bind:属性名="值"
实例:
  5、事件绑定:v-on:事件名="方法名"
6、计算属性:computed

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多