找回密码
 立即注册
查看: 2|回复: 0

2,局部使用Vue,快速入门

[复制链接]

243

主题

6

精华

247

金币

技术维护QQ:515138

积分
530
发表于 昨天 15:12 | 显示全部楼层 |阅读模式
官网:https://cn.vuejs.org/
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7. </head>
  8. <body>
  9.     <div id="app">
  10.         <h1>{{msg}}</h1>
  11.     </div>
  12.     <div >
  13.         <h1>{{msg}}</h1>
  14.     </div>
  15.     <!-- 引入vue模块 -->
  16.     <sc ript type="module">
  17.         import {createApp} from 'https://unpkg.com/vue@3/dist/vue.esm-browser.j s';
  18.         /* 创建vue的应用实例 */
  19.         createApp({
  20.             data(){
  21.                 return {
  22.                     //定义数据
  23.                     msg: 'hello vue3'
  24.                 }
  25.             }
  26.         }).mount("#app");
  27.     </s cript>
  28. </body>
  29. </html>
复制代码






上一篇:1,javascript导入导出
下一篇:3,常用指令
网站建设,公众号小程序开发,系统定制,软件App开发,技术维护【联系我们】手机/微信:17817817816 QQ:515138

QQ|Archiver|自丢网 ( 粤ICP备2024252464号-1 )

GMT+8, 2026-3-4 07:12

专注于网站建设,公众号小程序制作,商城小程序,系统定制,软件App开发

【联系我们】手机/微信:17817817816 QQ:515138

快速回复 返回顶部 返回列表