Vue阶段笔记(有js包)

目录

1.要先上传Vue的js包,包的路径在这:

 2.获取

 3.定义Vue接管的区域和他所要实现的内容

 #整体代码如下:

 Vue的指令(被绑定得必须有声明)

 #v-bind

#v-model

 #v-on

#V-ifV-else-ifV-elseV-show 

#v-show

 #v-for


 

1.要先上传Vue的js包,包的路径在这:

http://链接:https://pan.baidu.com/s/1ruf8GZuwyVVCpeA0a43mDw?pwd=hb7e 提取码:hb7eicon-default.png?t=N7T8http://xn--https-bl8js66z7n7i//pan.baidu.com/s/1ruf8GZuwyVVCpeA0a43mDw?pwd=hb7e%20%20%E6%8F%90%E5%8F%96%E7%A0%81%EF%BC%9Ahb7e

 要创建一个新的文件夹把包粘贴进去

 2.获取

Vue阶段笔记(有js包)_第1张图片

 3.定义Vue接管的区域和他所要实现的内容

Vue阶段笔记(有js包)_第2张图片

 #整体代码如下:





    
    
    Document
    




    
{{message}}

效果如下:(当在输入框内部输入时,外部的Hello Vue也会跟着变化,这就是Vue的特性)

 Vue的指令(被绑定得必须有声明)

 #v-bind

绑定属性值

Vue阶段笔记(有js包)_第3张图片

#v-model

在表单元素上创建双向数据绑定

Vue阶段笔记(有js包)_第4张图片

 #v-on

为标签绑定事件(函数只有一个参数的话可以省略括号)

Vue阶段笔记(有js包)_第5张图片

Vue阶段笔记(有js包)_第6张图片

#V-if
V-else-if
V-else
V-show 

判定条件进行展示

Vue阶段笔记(有js包)_第7张图片

#v-show

Vue阶段笔记(有js包)_第8张图片

 通过浏览器检查窗口可以看出:

Vue阶段笔记(有js包)_第9张图片

 #v-for

遍历

Vue阶段笔记(有js包)_第10张图片

 Vue阶段笔记(有js包)_第11张图片

你可能感兴趣的:(vue.js,笔记,javascript)