vuejs 1—基础
更新时间：2020-09-11 03:21:17 来源： 阅读量：
【摘要】 vuejs 1—基础考必过小编为大家整理了关于vuejs 1—基础的信息，希望可以帮助到大家！
vuejs 1—基础
标签：挂载数据messageheadcodenbsp显示创建char
创建Vue对象的时候，传入了一些options : { }
{ }中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上
{ }中包含了data属性：该属性中通常会存储一些数据
这些数据可以是我们直接定义出来的，比如像上面这样。
也可能是来自网络，从服务器加载的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="app">
<h2>{{message}}</h2>
<h1>{{name}}</h1>
</p>
<p>{{message}}</p>
<p</p>
<script src="../js/vue.js"></script>
<script>
// let(变量)/const (常量)
// 编程范式：声明式编程
const app = new Vue({
el: ‘#app‘, //用于挂载要管理的元素
data: { //定义数据
message: "你好啊",
name: ‘coderwhy‘
}
})
// 元素js的做法（编程范式：命令式编程）
// 1.创建p元素，设置id属性
// 2.定义一个变量叫message
// 3.将message变量放在前面的p元素中显示
// 4.修改message的数据:今天天气不错!
// 5.将修改后的数据再次替换到p元素
</script>
</body>
</html>
vuejs 1—基础
标签：挂载数据messageheadcodenbsp显示创建char
以上就是vuejs 1—基础的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！