vuejs 1—基础

2021-01-06 19:33

阅读：833

标签：挂载数据 message head code nbsp 显示创建 char

创建Vue对象的时候，传入了一些options : { }

{ }中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上
{ }中包含了data属性：该属性中通常会存储一些数据
- 这些数据可以是我们直接定义出来的，比如像上面这样。
- 也可能是来自网络，从服务器加载的。

DOCTYPE html>
html>

    head>
        meta charset="UTF-8">
        title>Titletitle>
    head>

    body>
        div id="app">
            h2>{{message}}h2>
            h1>{{name}}h1>
        div>
        div>{{message}}div>
        div

> script src="../js/vue.js">script> script> // let(变量)/const (常量) // 编程范式：声明式编程 const app = new Vue({ el: ‘#app‘, //用于挂载要管理的元素 data: { //定义数据 message: "你好啊", name: ‘coderwhy‘ } }) // 元素js的做法（编程范式：命令式编程） // 1.创建div元素，设置id属性 // 2.定义一个变量叫message // 3.将message变量放在前面的div元素中显示 // 4.修改message的数据:今天天气不错! // 5.将修改后的数据再次替换到div元素 script> body> html>

vuejs 1—基础

标签：挂载数据 message head code nbsp 显示创建 char

原文地址：https://www.cnblogs.com/stu-jyj3621/p/13584728.html

上一篇：php安装 rabbitmq扩展

下一篇：初步了解Windows7下部署Sonar

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：vuejs 1—基础
文章链接：http://soscw.com/index.php/essay/40544.html

亲，登录后才可以留言！

vuejs 1—基础

评论

热门文章

推荐文章

最新文章

置顶文章