丁鹿学堂:2023前端学习指南,vue3从零到精通教程(vue3的cdn引入)

2023-05-27 0 549

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

丁鹿学堂: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中的模版字符串区分,他们是不一样的。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务