vue.js基础

Vue.js 是什么

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

---

通过如下方式引入 Vue：

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

或

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

---

声明式渲染

<div id="app">
  {
   {
    message }}
</div>

var app = new Vue({
   
  el: '#app',
  data: {
   
    message: 'Hello Vue!'
  }
})

//Hello Vue!

<div id="vue_det">
    <h1>site : {
   {
   site}}</h1>
    <h1>url : {
   {
   url}}</h1>
    <h1>{
   {