Vue的使用方法

            - 官网的演练

            - CDN下载引入   --- 选项式编程

                <script src="vue.js"></script>

            - Vue2 --- VueCli脚手架

            - Vue3 --- Vite构建工具       组合式编程

Vue的使用步骤

            1- script标签引入Vue.js文件

            2- 添加一个HTML块标签，如div，设置id属性

            3- 在script标签内部创建Vue实例，并挂载在前面的标签上

            4- {{ 表达式 }} 使用Vue

<div id="app">
        <!-- Vue.js的语法全部要放在该标签内部 -->
        <p>数学运算：{{  10+20  }}</p>
        <p>字符串拼接：{{  'Hi' + 'Vue' }}</p>
        <p>三元运算符：{{  false ? '你成功使用Vue了' : "使用Vue失败！！" }}</p>
    </div>
   
    <script src="../vue.js"></script>
    <script>
        // 创建Vue实例对象的语法：var app = Vue.creatApp()
        // Vue实例对象要挂载：    app.mount("#app")
        // 合并    Vue.creatApp().mount("#app")
        Vue.createApp().mount("#app");
    </script>