zoukankan      html  css  js  c++  java
  • 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文件
  • 相关阅读:
    apache 错误日志
    搭建服务器
    vim配置
    临时表增加查询速度
    如何清空$_POST or $_GET
    hdu 2084
    快速幂
    zjut 1176
    rwkj 1091
    zjut 1090 --------同余定理的应用
  • 原文地址:https://www.cnblogs.com/ShiningArmor/p/10862828.html
Copyright © 2011-2022 走看看