[Vue warn]: Cannot find element: #app

学习vue的时候，刚开始按照官网的例子敲写，却出现以下的问题：问题：这是因为你的js在html页面头部引入的原因，自定义js文件要最后引入，因为要先有元素id,vue才能获取相应的元素html>htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml">head> metacharset="UTF-8

linyeban

23173人浏览 · 2017-01-20 11:07:54

linyeban · 2017-01-20 11:07:54 发布

学习vue的时候，刚开始按照官网的例子敲写，却出现以下的问题：

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

正确的的代码：

<!DOCTYPE html>
<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <metacharset="UTF-8">
    <title>nihao</title>
</head>
<body>
<divid="app">
    {{ message }}
</div>
<scriptsrc="vue.js"></script>
<script src="index.js"></script>
</body>
</html>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^