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文件 vue的简单使用 随笔 第1张 vue的简单使用 随笔 第2张
扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄