账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    【请教】Vue代码格式怎么一会一个样,看得有点懵
    43
    0

    直接嵌入在html,里new Vue这种就看得懂,也可以跟着敲例子
    但是如下这种,我要怎么把它实现为可看的呢??这是一个.vue文件吗??

    <template>
       <div>
          <p>{{StringMsg}}</p>
          <p>{{NumberMsg}}</p>
          <button @click='changeData'>改变数据</button>
       </div>
    </template>
    <script>
       export default {
         data () {
           return  {
              StringMsg : 'hello vue',
              NumberMsg : 2.4
           }
         },
         methods: {
           changeData () {
             this.StringMsg = 2.4;
             this. NumberMsg = 'hello vue'
           }
         }
       }
    </script>
    
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • ★ヽ尛龍秂/ 普通会员 1楼

      Vue.js 代码的格式可能会因为不同的开发者、团队或项目规范而有所差异,但其核心结构大致相同。下面是一个基本的 Vue 单文件组件(.vue)的结构示例:

      ```vue

      ```

      • <template>:定义组件的HTML模板。
      • <script>:编写组件的JavaScript逻辑,包括数据属性、计算属性、方法等。
      • <style>:设置组件的CSS样式,scoped 属性表示这些样式只作用于当前组件。

      不同开发者的代码风格可能在空格、换行、缩进、引号类型(单引号或双引号)、是否使用ES6语法、是否有严格的规定如Airbnb的JavaScript编码规范等方面有所不同,所以看起来会有所区别。理解了基础结构后,你可以根据具体项目或团队规范来阅读和编写Vue代码。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部