ホームページ > 記事 > ウェブフロントエンド > Vue で中括弧を使用する方法
Vue で中括弧を使用する方法
- php中世界最好的语言オリジナル
- 2018-04-14 17:37:295657ブラウズ
今回はvueの中括弧の使い方を紹介します。vueの中括弧を使用する際の注意点を実際のケースで見てみましょう。
コード:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>{{}}的使用</title>
<script src="js/vue.js"></script>
</head>
<body>
<p id="container">
<h1>{{msg}}</h1>
<h4>{{cart.brand}}</h4>
<!--在双花括号中 执行运算表达式 -->
<p> 3 + 5 = {{ 3 + 5 }}</p>
</p>
<script>
new Vue({
el:"#container",
data:{
msg:"Hello VueJs",
cart:{
brand:"Volvo",price:30
}
}
})
</script>
</body>
</html>
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
Vue-routerコンポーネント相互にパラメータを渡す方法
以上がVue で中括弧を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：JSONPの実装原理次の記事：JSONPの実装原理