目录
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 提取码:hb7ehttp://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.获取
3.定义Vue接管的区域和他所要实现的内容
#整体代码如下:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="js/vue.js"></script>
</head><body><div id="app"><input type="text" v-model="message">{{message}}</div></body><script>new Vue({el: "#app",//接管的区域data: {message: "Hello Vue"}})
</script></html>
效果如下:(当在输入框内部输入时,外部的Hello Vue也会跟着变化,这就是Vue的特性)
Vue的指令(被绑定得必须有声明)
#v-bind
绑定属性值
#v-model
在表单元素上创建双向数据绑定
#v-on
为标签绑定事件(函数只有一个参数的话可以省略括号)
#V-if
V-else-if
V-else
V-show
判定条件进行展示
#v-show
通过浏览器检查窗口可以看出:
#v-for
遍历