-2 Hello World 小案例

目录

一、创建案例

二、总结

一、创建案例


<body>
    
    <div id="root">
        <h1>Hello {{name}}h1>
    div>
    <script>
        Vue.config.productionTip = false
 
        // 创建 Vue 实例
        new Vue({
            el: '#root', // 指定服务的容器 
            data: { // data 中用于储存数据
                name: '世界'
            }
        })
    script>
body>

二、总结

1、想让 Vue 工作，必须创建一个 Vue 实例，且传入一个配置对象

2、root 容器中的代码被称为 Vue模板

3、root 容器里的代码符合 html 规范，只是混入了一个 Vue 语法

4、Vue 实例和容器是一一对应的

5、真实开发中只有一个 Vue 实例，并且会配合组件一起使用

6、{{xxx}}中的 xxx 要写 js表达式 ，当 data 中的数据发生改变，则页面中用到该数据的地方都将发生改变

7、注意区分：js表达式 和 js代码

js表达式:一个表达式会生成一个值，可以放在任何一个需要值的地方

例如：a+b,a,

js代码(语句)

例如：if(){},for(){}

相关阅读:
2021年9月电子学会图形化四级编程题解析含答案：小猫钓鱼
51单片机基础（C语言）：定时器时钟
Android入门第9天-Android读本地JSON文件并显示
【2022年高教杯数学建模】C题：古代玻璃制品的成分分析与鉴别方案及代码实现（一）
5-1继承的练习
【Selenium2+python】自动化unittest生成测试报告
人大金仓分析型数据库监控系统状态（一）
modbusTCP【codesys】
什么是正向代理和反向代理
[论文阅读] 颜色迁移-N维pdf迁移

原文地址：https://blog.csdn.net/sanda_nd/article/details/126732337