Vue 入门日记（一）

#Vue.js 起步

  • Vue 是一套用于钢构件用户界面的渐进式框架，被设计为可以自底向上逐层应用。
  • Vue 起步：Hello Vue！
  • <!DOCTYPE html>
<html lang='en'>
    <head>
        <meta charset='UTF-8'>
        <title>Hello Vue!</title>
        <script src = 'D:/VUE/vue.js'></script>
    </head>
    <body>
        <div id='app'>
            {{message}}
        </div>
        <script src = 'HelloWorld.js'></script>
    </body>
</html>
    var app = new Vue({
    el: '#app',
    data: {
        message : 'Hello World!'
    }
})

// el: 挂载点

     

  • el：挂载点——设置 Vue 实例挂在（管理）的元素
    　　作用范围是 el 选项命中的元素以及其内部的后代元素
  • data：数据对象——Vue中用到的数据定义在 data 中
    　　data 中可以写复杂类型的数据，只要在渲染复杂数据类型时，遵守 js 的语法即可
  • 注意事项：
    问：el 中是否可以选择使用其他的选择器呢？
    答：可以使用其他的选择器，但是建议使用 id 选择器

    问：el 中的选择器是否可以设置其他的 DOM 元素呢？
    答：可以使用其他的双标签，但不能使用 html 和 body
posted @ 2021-03-30 22:37  Tree_May_be_a_coder  阅读(36)  评论(0)    收藏  举报