VueJS学习笔记

一、基本用法

1、Vue.js 使用了基于 HTML 的模版语法

<html>
    <header>
        <title>vue.js 测试</title>
    </header>
    <body>
        <div>
            <h3 id="firstVue">
                {{mydata}}
                {{mydata2}}
                <button>{{mydata3}}</button>
            </h3>
        </div>
        
        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
        <script>
            var myvue=new Vue({
                el:"#firstVue",
                data:{
                    mydata:"是大户大师的",                    
                    mydata2:"张三李四王五",
                    mydata3:"点击",
                }
            })
        </script>
    </body>
</html>

View Code

2021-10-13
2022-12-23
2021-11-22
2021-04-07
2021-06-27
2022-12-23
2022-01-25