vue 使用JavaScript表达式

vue使用JavaScript的运算方式

代码如下:

doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js 使用 javascript title>
    <script src="vue.js">script>
head>
<style>
    .color_1{color: red;}
    .color_2{color: blue;}
style>
<body>
<div id="ask">
    <h1>{{num}}h1>
    <h2 v-once="">{{num}}:v-onceh2>
    {{num+1}}
    <h1 :class="'color_'+num">{{title}}h1>
    <input type="text" v-model="num">
    

    <input type="radio" v-model="num" value="1">color_1
    <input type="radio" v-model="num" value="2">color_2
div>
<script>
    var app = new Vue({ //实例化vue
        el:'#ask',//vue控制id为ask的元素,
        data:{
            title:'ask.mykeji.net',
            num:1,
        }
    });
script>

body>
html>

 

你可能感兴趣的:(vue 使用JavaScript表达式)