初识Vue

Posted maodot

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初识Vue相关的知识,希望对你有一定的参考价值。

今天主要进行了vue基础的学习,按照官网打了一遍实例,还是很有意思的

这里编写的Vue是直接引入js文件到html中进行的,直接 new Vue()

好,主要六个基础知识点

一、new Vue()      el属性是元素id值   data属性是数据集合     methods 是方法

二、v-bind:xxx           绑定元素特性

三、v-if="value"         是否显示元素

四、v-for="item in items"      绑定数组的数据来渲染一个项目列表

五、v-on                     添加一个事件监听

六、v-model               双向绑定

 

好好消化,下一步,组件化构建应用!

以上是关于初识Vue的主要内容,如果未能解决你的问题,请参考以下文章

分析初识vue小案例

分析初识vue小案例

一初识Vue.js

Vue初识

vue-初识

初识vue