Vue2.0笔记——起步

Posted 2020-10-31

起步

同其他jquery一样，Vue也是需要引用的通过<script>标签引入js文件

<script src="js/vue.js"></script>

你可以去github下载，也可以直接引用Vue的js

https://github.com/vuejs/vue/releases
或
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

声明式渲染

一个简单的HelloWorld
1.创建html，引入vue.js，只需要在script中编写如下代码

var vm = new Vue({
    el:‘#app‘,
    data:{
        message:‘HelloWorld‘
    }
})

2.然后在body中添加div标签，并添加id为app,如下代码:

<div id=‘app‘>
    {{message}}
<div>

3.注意DOM编译顺序，按需添加windows.onload方法。
Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联，所有东西都是响应式的

new Vue({})即表示一个实例对象，el选项为Vue实例挂载的目标，实例挂载后，元素可用vm.$el访问。具体更多选项在后篇文章。

接下来，我将一篇篇的写下自己的笔记。