001.Vue3入门,使用模板语法功能
1、在App.vue中写入下面的代码
<template> <h3>模板语法</h3> <p>{{ msg }}</p> <p>{{ msg_cn }}</p> </template> <script> export default { data() { return { msg: "Hello World!", msg_cn: "你好,世界" } } } </script> <style> </style>
2、效果图,如下所示:
1、在App.vue中写入下面的代码
<template> <h3>模板语法</h3> <p>{{ msg }}</p> <p>{{ msg_cn }}</p> </template> <script> export default { data() { return { msg: "Hello World!", msg_cn: "你好,世界" } } } </script> <style> </style>
2、效果图,如下所示: