本文详细介绍了Vue.js的两种引入方式：页面直接引入和通过Webpack构建。在页面引入中，讨论了组件注册和使用render函数渲染的区别。而在Webpack构建中，讲解了vue的安装、组件注册以及render函数渲染，特别是.render函数如何替换HTML容器。最后，文章提到了使用.vue自定义组件文件，包括需要安装的第三方loader配置以及webpack.config.js和main.js的设置。
目录
一、页面引入方式：
组件的注册引入：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../node_modules/vue/dist/vue.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"></script>
</head>
<script>
$(function () { //保证页面加载完后才加载js，不然#app会报错找不到
//组件定义
const login = {
template:"<h2>vue的使用</h2>"
}
var vm = new Vue({
el:"#app",
data:{},
components:{ //组件的注册
login
}
})
})
</script>
<body>
<div id="app">
//组件的使用
<login></login>
</div>
</body>
</html>采用render函数来渲染组件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../node_modules/vue/dist/vue.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"></script>
</head>
<script>
$(function () { //保证页面加载完后才加载js
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
