Vuejs学习笔记1

Posted 狗狗听话 走在路上

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vuejs学习笔记1相关的知识,希望对你有一定的参考价值。

首次写vue可能会出现:[Vue warn]: Cannot find element: #app

这是因为你的js在html页面头部引入的原因,自定义js文件要最后引入,因为要先有元素id,vue才能获取相应的元素。

示例:

1.index.js

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

2.index.html

<html>
<head>
  <title>Vuejs</title>
</head>
<body>
  <div id="app">
    {{ message }}
  </div>
<script src="vue.js"></script>
<script src="index.js"></script>:这里自定js文件要在最后引入。
</body>
</html>

以上是关于Vuejs学习笔记1的主要内容,如果未能解决你的问题,请参考以下文章

VueJs全套学习笔记记录

VueJs 的最新学习笔记1

Vuejs入门-----安装+基本语法学习笔记

Vuejs——搭建个人博客(学习笔记)

vuejs学习笔记

如何阅读Vuejs源码,学习笔记