作者：许小懿_336 | 来源：互联网 | 2023-08-20 09:23
vue是什么
官方的说法是这样&＃xff0c;简单的理解下来就是一个框架&＃xff0c;别人帮我们写好的框架&＃xff0c;我们只需要拿来使用就行了。
vue的引入
上面说了&＃xff0c;vue是别人写好的框架&＃xff0c;我们只需要拿过来用就行了。
用标签来引入&＃xff1a;
<script src&＃61;"https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
直接引用&＃xff0c;不用下载联网就可以使用&＃xff0c;
当然你也可以去官方下载下来使用(点击这里进入官网)&＃x1f449;&＃x1f449;&＃x1f449; vue官网
vue的使用
通过new Vue({ })方法来使用vue;
<body><div id&＃61;"app">{{ message }}</div><script>var vm &＃61; new Vue({el: "#app",data: {message: "Hello Vue",},methods: {details: function() {return "用来存放方法";}}})</script></body>
最终效果&＃xff1a;
1.el
类型 是一个字符串
全称 element&＃xff08;元素&＃xff09;
作用 配置控制的元素---表示vue要控制的区域&＃xff0c;值为CSS选择器
2.data
类型 对象
作用 存放要用到的数据&＃xff0c;数据为响应式的。
3.methods
类型 对象
作用 存放要用到的方法
4.插值表达式 {{ }}(双大括号)
用于存放 数字 字符串 数组 对象 表达式
–
虽然methods里的方法也可以写在data里&＃xff0c;但是写在data里的方法就无法进行操作&＃xff0c;data、methods等就相当于不同的柜子&＃xff0c;每个柜子有每个柜子的用处&＃xff0c;虽然都能存放数据&＃xff0c;如果硬要放在一起也不是不行&＃xff0c;但肯定会出现一些想不到的结果。(如果你想这样用&＃xff0c;那就当我没说&＃x1f60a;)
京公网安备 11010802041100号