Vue.js介绍和Vue的用法

旧城等待， 2024-03-22 16:00 35阅读 0赞

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的 渐进式框架。

注意：Vue是一个框架，相对于 jq 库来说，是由本质区别的；

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有\[兼容 ECMAScript 5 的浏览器\]。

### Vue用法 ###

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 </td> 
 <td> <code>&lt;script&nbsp;src=</code><code>"https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"</code><code>&gt;&lt;/script&gt;</code> <code>&lt;script&nbsp;src=</code><code>"https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"</code><code>&gt;&lt;/script&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 </td> 
 <td> <code>&lt;body&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;div&nbsp;id=</code><code>"div"</code><code>&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>{ {user_name}}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>&lt;/div&gt;</code> <code>&lt;/body&gt;</code> <code>//&nbsp;两种引入方式，任意选择</code> <code>&lt;script&nbsp;src=</code><code>"https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"</code><code>&gt;&lt;/script&gt;</code> <code>&lt;script&nbsp;src=</code><code>"./vue.js"</code><code>&gt;&lt;/script&gt;</code> <code>&lt;script&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>app&nbsp;=&nbsp;</code><code>new</code>&nbsp;<code>Vue({ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>el:</code><code>'#div'</code><code>,&nbsp;&nbsp;</code><code>//&nbsp;设置要操作的元素</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//&nbsp;要替换的额数据</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>data:{ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>user_name:</code><code>'我是一个div'</code>&nbsp; <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>})</code> <code>&lt;/script&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>