vue的简单使用

1.使用vue
    下载vue.js;
    下载地址:https://vuejs.org/js/vue.min.js;打开链接后是一大堆js代码;ctrl+s保存即可;
    新建一个html,引入vue.js;
    在html中写js脚本,新建一个Vue实例,实例中必须指定元素id;
    将id引入到需要用到vue的html标签中;
代码:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>vue测试</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <div v-html="title"></div>
        <button v-on:click="sayHello">点击问候</button>
    </div>
    
    <script type="text/javascript">
        var vm=new Vue({
            //元素id
            el:"#app",
            //变量数据
            data:{
                title:"<h2>welcome to Vue</h2>",
                name:"诸葛孔明"
            },
            //方法
            methods:{
                sayHello:function(){
                    alert("hello "+this.name);
                }
            }
        });
    </script>
</body>
</html>
结果:用浏览器打开新建的html文件
原文地址:https://www.cnblogs.com/ShiningArmor/p/10862828.html