vue -- processData

最新推荐文章于 2025-06-10 10:49:33 发布

weixin_34049948

最新推荐文章于 2025-06-10 10:49:33 发布

阅读量706

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5d070269e51d455cd73ba091

博客介绍了JavaScript传值相关内容，包括传值接收使用props而非prop，processData为对象形式等基础传值注意点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

processData

基础

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta http-equiv="X-UA-Compatible" content="ie=edge">  <title>processData</title></head><body>  <h1>processData option demo</h1>  <hr>  <div id="app">    <header></header>  </div>  <script src="../js/vue.js"></script>  <script type="text/javascript">    var header_a = Vue.extend({      template: ` <p> {{message}} </p> `,      data: function () {        return {          message: "hello I am header"        }      },    });    new header_a().$mount('header')  </script></body></html>复制代码

传值

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta http-equiv="X-UA-Compatible" content="ie=edge">  <title>processData</title></head><body>  <h1>processData option demo</h1>  <hr>  <div id="app">    <header></header>  </div>  <script src="../js/vue.js"></script>  <script type="text/javascript">    var header_a = Vue.extend({      template: ` <p> {{message}} -- {{a}} </p> `,      data: function () {        return {          message: "hello I am header"        }      },      props: ['a']    });    new header_a({ propsData: { a: 1 } }).$mount('header')  </script></body></html>复制代码