学习笔记编写vue的第一个程序
更新时间：2021年08月27日 17:34:09 作者：晴空_V9
这篇文章主要介绍了学习笔记vue的第一个程序，其中非常详细的为大家讲解了vue程序的创建步骤，有需要的朋友可以学习下，希望可以有所帮助
这里使用官方文档的cdn
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
1、编写一个html，第一个vue程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--view层 模板-->
<div id="app">
{{message}}
</div>
<!--导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
var vm = new Vue({
el:"#app",
//model：数据
data:{
message:"hello,vue"
}
});
</script>
</body>
</html>
注意视图模板和数据
View视图
Model模型
ViewModel：双向绑定就是 你们前端数据改变 你们data中的数据也会改变
可以在页面不刷新的情况下改变数据然后同步到前端显示
判断循环
iffor
事件
on
787原则
学习vue我们必须知道它的7个属性，8个 方法，以及7个指令
el属性
用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符。
data属性
用来组织从view中抽象出来的属性，可以说将视图的数据抽象出来存放在data中。
template属性
用来设置模板，会替换页面元素，包括占位符。
methods属性
放置页面中的业务逻辑，js方法一般都放置在methods中
render属性
创建真正的Virtual Dom
computed属性
用来计算
watch属性
watch:function(new,old){}
监听data中数据的变化
两个参数，一个返回新值，一个返回旧值
以上就是学习笔记vue的第一个程序的详细内容，更多关于vue程序的资料请关注脚本之家其它相关文章！
相关文章
JavaScript是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript，因为它对做网页方面是有很大作用的。本篇内容小编就来详细解说JavaScript常用的对象,需要的朋友可以参考一下2021-10-10
这篇文章主要为大家介绍了JS中自定义事件与观察者模式的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
这篇文章主要为大家介绍了JavaScript获取上传文件相关信息示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了微信小程序 tabs选项卡效果的实现的相关资料,微信小程序内部组件没有Tabs 选项卡的功能，自己实现个类似的，需要的朋友可以参考下2017-01-01
这篇文章主要为大家介绍了JavaScript手写异步加法asyncAdd方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了JavaScript立即执行函数,我们知道，在一般情况下，函数必须先调用才能执行，如下所示，我们定义了一个函数，并且调用,下面一起进入文章来接具体的使用方法吧2021-12-12
这篇文章主要介绍了前端常见跨域解决方案的相关内容，包括对跨域的解释，常见跨域场景以及跨域解决方案，内容丰富，需要的朋友可以参考下。2017-09-09
这篇文章主要介绍了微信小程序 MD5加密登录密码详解及实例代码的相关资料,这里附有实例代码，需要的朋友可以参考下2017-01-01
这篇文章主要为大家介绍了uniapp自定义相机实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要为大家介绍了JavaScript本地存储的全面解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
最新评论