01-邂逅Vue3开发

最新推荐文章于 2022-06-12 15:03:30 发布

MJJH

最新推荐文章于 2022-06-12 15:03:30 发布

阅读量452

点赞数

分类专栏： vue3.0 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/mjjhen/article/details/120375519

版权

前言

本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程
附上链接：https://ke.qq.com/course/3453141
谁能拒绝一个100%好评还加课的老师呢

认识Vue

vue同view
渐进式：把vue作为你应用的一部分嵌入其总
目前Vue在前端处在什么地位？
- 目前前端最主流的三大框架：Vue、React、Angular

如何引入Vue

CDN引入
- CDN 称之为内容分发网络( Content Delivery Network或 Content Distribution Network,缩写:CDN)
  - 它是指通过相互连接的网络系统,利用最靠近每个用户的服务器;
  - 更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户;
  - 来提供高性能、可扩展性及低成本的网络内容传递给用户;
- 代码：
```
<body>
   <div id="app"></div>
 
   <script src="https://unpkg.com/vue@next"></script>
   <script>
     const mjjh = {
       template: '<h2>Hellow World</h2>'
     }
     const app = Vue.createApp(mjjh);
     app.mount("#app")
   </script>
 </body>
```

local引入

下载后直接引入

代码：

 <body>
   <div id="app"></div>
 
   <script src="../js//Vue.js"></script>
   <script>
     const app = Vue.createApp({
       template: '<h2>Hellow World</h2>'
     }).mount("#app")
   </script>
 </body>

Vue初识-计数器案例

js原生

<body>
   <h2 class="counter"></h2>
   <button class="increment">+1</button>
   <button class="decrement">-1</button>
   <script>

最低0.47元/天解锁文章

MJJH

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录