<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>02 VueJS基本用法</title>
<script src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script>
</head>
<body>
<div id="app">
<!-- 1、变量的使用 -->
<div>{
{msg}}</div>
<div>数量:{
{(num + 1) * 10}}</div>
<div>原样显示带有HTML标签的变量:{
{menu_template}}</div>
<!-- 2、模板绑定 -->
<div v-html="menu_template"></div>
<!-- 3、属性绑定 -->
<div><img v-bind:src="header_img" /></div>
<div><img :src="header_img" /></div>
<!-- 4、事件绑定 -->
<button v-on:click="count_num()">点击后调用绑定的函数</button>
02 Vue基本用法:变量、模板绑定、属性绑定和事件绑定
最新推荐文章于 2023-05-29 17:13:01 发布