1.使用vue实例的render方法渲染组件
var login = {
template:'
这是登录组件
'}
var vm = new Vue({
el:'#app',
data:(),
methods:{},
render:function(createElement){
//createElement是一个方法，调用它，能够把指定的组件模板，渲染为html结构
return createElement(login)
//注意：这里return的结果，会替换页面中el指定的那个容器
}
components:{
login
}
})
2.区分webpack中导入vue和普通网页使用script导入vue的区别
如何在webpack构建的项目中，使用Vue进行开发
//注意：在webpack中，使用
import Vue from 'vue'导入的Vue构造函数，功能不完整，只提供了runtime-only的方式，并没有提供像网页中那样的使用方式
//回顾包的查找规则：
(1).找项目根目录中有没有node_modules的文件夹
(2).在node_modules中，根据包名，找对应的vue文件夹
(3).在vue文件夹中，找一个叫做package.json的包配置文件
(4).在package.json文件中，查找一个main属性【main属性指定了这个包在被加载时候，的入口文件】
//导入全的包
第一种:import Vue from '../node_modules/vue/dist/vue.js'
第二种:在webpack.config.js中
modules.exports={
...
resolve:{
alias:{
//这是修改vue被导入时候的包的路径
"vue$":"vue/dist/vue.js"
}
}
}
var vm = new Vue({
el:'#app',
data:{
msg:'123'
}
})
3.在vue中结合render函数渲染指定的组件到容器中去
//创建一个login.vue文件