原副标题:丁鹿大学堂:2023后端学习指南,vue3从零到通晓讲义(vue3的cdn导入)

透过cdn采用vue3
模块化的价值观要仍旧横跨vue的合作开发。
1 透过script的条码形式导入
2 建立根模块
在vue3中,模块能认知为js第一类。
3 模块聚合示例 ,vue的createApp形式
4 将整体实力装载到网页中,mount形式
标识符:
<body> <script src=”https://unpkg.com/vue@3/dist/vue.global.js”></script> <div id=”root”></div> <script> //模块 const App = { template:”<h1>hello,vue<h1>” } // 聚合示例 const app = Vue.createApp(App) // 装载 app.mount(#root) </script> </body>特别注意:
1 他们没在html中间接写标识符,而要透过vue手动聚合模块,装载到网页上表明
2 归纳关键步骤:建立模块→模块聚合示例→交互式dom(vue手动顺利完成)→装载网页
vue3中的统计数据
模块第一类里他们早已介绍了template模版,
第三个关键的是data
data是两个形式,需要两个第一类作为返回值。
返回第一类的属性,会手动添加到示例
在模版中,能间接采用访问data返回的统计数据
const App = { data(){ return{ msg:丁鹿大学堂,vue学习进步! } }, template:”<h1>{{msg}}<h1>” }特别注意:
1在模版中采用data返回的统计数据,需要透过特殊的语法:{{变量名}}
2双花括号是vue提供的语法,特别注意和他们js中的模版字符串区分,他们是不一样的。