一直喜欢原生的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
|
|