文將的程式記事本

要使用Vue.js定義的參數時用{{}}把參數包在裡面就可以跟著Vue.js裡面設定的參數連動 <p id=" test ">{{msg}}</p> <script> var test = new Vue{       el:"# tset ",     // 這裡就跟選擇器寫法一樣，#代表選擇ID .代表選擇class       data:{                 msg:"測試文字",     //這裡就是用兩個大括號包起來的參數       } } </script> Vue.js文件裡面提到的瀏覽器控制台就是開發人員模式(ctrl+shift+i)的console頁籤 v-bind 用: 替代 example v-bind:title="asd" => :title="asd" v-if v-show 裡面的變數值要true 或 false 效果是true的時候會顯示在畫面上，反之則看不見。 if和show差別在於，當判斷為false的時候，綁定if的tag會完全消失，show只是隱藏起來而已 v-for <div id="test">   <table>     <tr v-for=" AAA in BBB ">   //BBB為Vue的data裏面的變數，AAA類似each的k       <td>{{ AAA  . a }}</td>       <td>{{ AAA  . b }}</td>      </tr>   </table> </div> <script>           var test = new Vue({                el:"#test",                data:{                        BBB :[                  

< p > 点击复制后在右边textarea CTRL+V看一下 </ p > < input type = " text " id = " inputText " value = " 测试文本 " /> < input type = " button " id = " btn " value = " 复制 " /> < textarea rows = " 4 " > </ textarea > < script type = " text/javascript " > var btn = document . getElementById ( 'btn' ) ; btn . addEventListener ( 'click' , function ( ) { var inputText = document . getElementById ( 'inputText' ) ; var currentFocus = document . activeElement ; inputText . focus ( ) ; inputText . setSelectionRange ( 0 , inputText . value . length ) ; document . execCommand ( 'copy' , true ) ; currentFocus . focus ( ) ; } ) ; </ script >