个人网站建设规划论文,WordPress卡密充值怎么用,城乡建设工程信息网,安居客官网概述
使用CDN引入Vue的方式已经越来越少有人用#xff0c;只需要了解即可。
目前新开发的项目基本上都是前后端分离的项目#xff0c;CDN引入的方式适用于前后端不分离的项目。
基本用法
第一步#xff1a;新建index.html
第二步#xff1a;CDN引入vue.js的脚本
…概述
使用CDN引入Vue的方式已经越来越少有人用只需要了解即可。
目前新开发的项目基本上都是前后端分离的项目CDN引入的方式适用于前后端不分离的项目。
基本用法
第一步新建index.html
第二步CDN引入vue.js的脚本
script srchttps://cdn.staticfile.org/vue/3.0.5/vue.global.js/script第三步在body中声明一个id为app的div容器
div idvue-app{{text}}/div第四步创建Vue的实例对象声明变量并挂载到id为app的容器
scriptconst app Vue.createApp({data() {return {text: 今天就开始使用 Vue.js,};},});app.mount(#vue-app);
/script完整代码
!DOCTYPE html
html langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /titleVue3快速入门/title/headbodydiv idvue-app{{text}}/divscript srchttps://cdn.staticfile.org/vue/3.0.5/vue.global.js/scriptscriptconst app Vue.createApp({data() {return {text: 今天就开始使用 Vue.js,};},});app.mount(#vue-app);/script/body
/html
