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文件
  • 相关阅读:
    17、静态链表
    16、约瑟夫问题
    15、循环链表
    9、插入排序
    14、企业链表
    13、单向链表
    12、顺序表的顺序存储结构
    11、归并排序
    10、快速排序
    原型模式
  • 原文地址:https://www.cnblogs.com/ShiningArmor/p/10862828.html
Copyright © 2011-2022 走看看